css中,可以使用min-width屬性來設(shè)置最小寬度,只需給元素添加“min-width:length|%;”樣式即可。值“l(fā)ength”表示帶長(zhǎng)度單位的數(shù)值,可定義固定大小的最小寬度;“%”可定義基于包含元素的塊級(jí)對(duì)象的百分比最小寬度。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
min-width屬性設(shè)置元素的最小寬度。
注意: min-width屬性不包括填充,邊框,或頁(yè)邊距!
屬性值:
值 | 描述 |
---|---|
length | 定義元素的最小寬度值。默認(rèn)值:取決于瀏覽器。 |
% | 定義基于包含它的塊級(jí)對(duì)象的百分比最小寬度。 |
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> .min{ min-width: 300px; } </style> </head> <body> <textarea>文本框默認(rèn)寬度</textarea><br> <textarea class="min">文本框最小寬度300px</textarea> </body> </html>
效果圖:
(學(xué)習(xí)視頻分享:css視頻教程)