css中,可以使用min-width屬性來設定最小寬度,只需為元素添加「min-width:length|%;」樣式即可。值“length”表示帶長度單位的數值,可定義固定大小的最小寬度;“%”可定義基於包含元素的區塊級物件的百分比最小寬度。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
min-width屬性設定元素的最小寬度。
注意: min-width屬性不包括填充,邊框,或頁邊距!
屬性值:
值 | #描述 |
---|---|
##length | 定義元素的最小寬度值。預設值:取決於瀏覽器。|
% | 定義基於包含它的區塊級物件的百分比最小寬度。
範例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> .min{ min-width: 300px; } </style> </head> <body> <textarea>文本框默认宽度</textarea><br> <textarea class="min">文本框最小宽度300px</textarea> </body> </html>效果圖: (學習影片分享:
css影片教學)
以上是css怎麼設定最小寬度的詳細內容。更多資訊請關注PHP中文網其他相關文章!