多行文字方塊怎麼設定寬度

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

操作方法

（01）首先我們在html代碼裏先輸入一個textarea控件，也就是多行文字方塊。

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

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

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

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

（06）然後再在代碼裏添加上對應的樣式代碼，在這裏我們設定控件的高度和寬度，其中寬度設定爲300像素。

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