Lynx
指引
API
博客
贡献
指引
API
博客
贡献
简体中文

min-width

介绍

设置元件的最小宽度。它可以阻止 width 属性的应用值小于 min-width 的值。 min-width 的值会覆盖 width，但会被 max-width 覆盖。

使用示例

css-apisrc/min-width/App.tsx
预览

语法

/* <length> */
min-width: 120px;
min-width: 10em;

/* <percentage> */
min-width: 75%;

取值

0px

默认值。

<length>

<length> 定义了一个确定值。

<percentage>

以包含区块的宽度百分比定义 min-width。

形式定义

初始值0px
适用元素所有元件
是否支持继承否
是否支持动画yes
百分比refer to the width of the containing block

形式语法

min-width = <length-percentage [0,∞]> <length-percentage> = <length> | <percentage>

与 Web 的区别

mdn: min-width

  1. 不支持 auto，默认值是 0px。
  2. 不支持 none，max-content，min-content，fit-content。
  3. 在 Lynx 中 min-width 不会覆盖 max-width。

兼容性

Loading

除非另有说明，本项目采用知识共享署名 4.0 国际许可协议进行许可，代码示例采用 Apache License 2.0 许可协议进行许可。