css怎麼設定文字方塊寬度
- 青灯夜游原創
- 2021-07-14 17:10:445840瀏覽
在css中，可以使用width屬性來設定文字方塊寬度，只需要給文字方塊元素textarea新增「width:寬度值;」樣式即可。 width屬性可以設定元素的寬度，它定義了元素內容區的寬度，在內容區外面可以增加內邊距、邊框和外邊距。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
文字區域中可容納無限數量的文本，其中的文本的預設字體是等寬字體（通常是 Courier）。
可以透過 cols 和 rows 屬性來規定 textarea 的尺寸大小，也可以使用 CSS 的 height 和 width 屬性來設定高度和寬度。
width 屬性設定元素的寬度。這個屬性定義元素內容區的寬度，在內容區外面可以增加內邊距、邊框和外邊距。行內非替換元素會忽略這個屬性。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.width{
width: 400px;
}
</style>
</head>
<body><br>
<textarea>我是一个文本框，默认宽度。</textarea><br><br>
<textarea class="width">我是一个文本框，使用css width属性设置宽度为400px。</textarea>
</body>
</html>效果圖：
（學習影片分享： css影片教學）
以上是css怎麼設定文字方塊寬度的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css怎麼實現超出高度隱藏下一篇：css怎麼實現超出高度隱藏