• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • min-width

    min-width 属性为给定元素设置最小宽度。它可以阻止width属性的应用值小于min-width的值。min-width的值会同时覆盖max-widthwidth

    示例

    /* <length> values */
    min-width: 3.5em;
    
    /* <percentage> value */
    min-width: 10%;
    
    /* Keyword values */
    min-width: max-content;
    min-width: min-content;
    min-width: fit-content;
    min-width: fill-available;
    
    /* Global values */
    min-width: inherit;
    min-width: initial;
    min-width: unset;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    浏览器都支持min-width

    语法

    min-width:auto| <length>| <percentage>| min-content| max-content| fit-content()

    height 属性也指定为:

    • 下面关键字值之一:min-content,max-content,fit-content,auto。
    • 一个长度值或者百分比值

    取值:

    • auto:用于弹性元素的默认最小宽度。相比其他布局中以0为默认值,auto能为弹性布局指明更合理的默认表现。
    • <length>:固定的最小宽度。负值会让该声明失效。参见<length>
    • <percentage>:固定的最小宽度表现为包含块宽度的百分比值。负值会让该声明失效。参见<percentage>
    • min-content:固有最小宽度。还处于实验阶段
    • max-content:固有最大宽度。还处于实验阶段
    • fit-content()还处于实验阶段。等同于 min(max-content, max(min-content, fill-available)。
    • fill-available:包含块的宽度减去水平 margin、border 和 padding。有些浏览器在实现时使用了该关键字的早期名字: available。还处于实验阶段
    默认值0
    适用于除非置换内联元素,table-row, table-row-group之外的所有元素
    继承性
    动画性
    计算值指定值

    实例

    table { min-width: 75%; }
    form { min-width: 0; }
    

    上篇:width

    下篇:max-height