多行文字框怎麼設定寬度

多行文字框是HTML網頁裡的一個基本的控制元件，主要是用來給使用者輸入資訊的，由於這個控制元件是多行的，因此可以輸入較多的資訊，且能夠換行輸入。下面我們就來看一下怎麼設定這個控制元件的寬度。

操作方法

（01）首先我們在html程式碼裡先輸入一個textarea控制元件，也就是多行文字框。

（02）執行頁面後，可以看到現在的多行文字框也就是按瀏覽器預設的寬度來顯示的。

（03）要設定多行文字框的寬度，我們可以使用cols屬性來設定。程式碼如圖。

（04）這時我們再看下頁面，可以發現現在多行文字框的寬度變寬了。

（05）但上面的方法，並不能準確的設定到多行文字框的寬度，並不能準確到畫素級別的設定，所以我們最方便的方法還是使用樣式來設定。我們先為這個控制元件新增一個樣式名，如圖

（06）然後再在程式碼裡新增上對應的樣式程式碼，在這裡我們設定控制元件的高度和寬度，其中寬度設定為300畫素。

（07）重新整理頁面，就可以目的地到效果了，可以看到現在的多行文字框的寬度變寬了，也完完整整是300畫素的寬度。