• 技术文章 >web前端 >css教程

    css怎么设置最小宽度

    青灯夜游青灯夜游2021-04-28 17:21:27原创1659

    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>

    效果图:

    1、.gif

    (学习视频分享:css视频教程

    以上就是css怎么设置最小宽度的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 最小宽度 min-width
    上一篇:css 什么语言 下一篇:css的span是什么意思
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• css如何改字体• css怎么占位隐藏元素• jquery怎么改变css样式• css如何设置字体样式• css有哪些属性不继承父级的
    1/1

    PHP中文网