From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/css/min-width/index.html | 111 +++++++++++++++++++++++++++++++ 1 file changed, 111 insertions(+) create mode 100644 files/zh-cn/web/css/min-width/index.html (limited to 'files/zh-cn/web/css/min-width/index.html') diff --git a/files/zh-cn/web/css/min-width/index.html b/files/zh-cn/web/css/min-width/index.html new file mode 100644 index 0000000000..89e565f074 --- /dev/null +++ b/files/zh-cn/web/css/min-width/index.html @@ -0,0 +1,111 @@ +--- +title: min-width +slug: Web/CSS/min-width +translation_of: Web/CSS/min-width +--- +

{{ CSSRef() }}

+ +

概述

+ +

min-width 属性为给定元素设置最小宽度。它可以阻止 {{ Cssxref("width") }} 属性的应用值小于 min-width 的值。

+ +

min-width 的值会同时覆盖 {{ Cssxref("max-width") }} 和 {{ Cssxref("width") }}。

+ +

语法

+ +
形式语法： {{csssyntax("min-width")}}
+ +
/* <length> value */
+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
+
+ +

值

+ +
+
<length>
+
固定的最小宽度。 查看 {{cssxref("<length>")}} 了解可用单位。负值会让该声明失效。
+
<percentage>
+
固定的最小宽度表现为包含块宽度的 {{cssxref("<percentage>")}} (百分比值)。负值会让该声明失效。
+
+ +

Keyword values

+ +
+
auto
+
用于弹性元素的默认最小宽度。相比其他布局中以0为默认值，auto能为弹性布局指明更合理的默认表现。
+
max-content {{ experimental_inline() }}
+
固有首选宽度。
+
min-content {{ experimental_inline() }}
+
固有最小宽度
+
fill-available{{ experimental_inline() }}
+
包含块的宽度减去水平 margin、border 和 padding。有些浏览器在实现时使用了该关键字的早期名字： available。
+
fit-content {{ experimental_inline() }}
+
等同于 min(max-content, max(min-content, fill-available).
+
+ +

示例

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

规范

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{ SpecName('CSS3 Sizing', '#width-height-keywords', 'min-width') }}{{ Spec2('CSS3 Sizing') }}增加 max-content， min-content， fit-content， 和 fill-available 关键字。
+ CSS3 Box 与 CSS3 Writing Modes 两份草案在某种程度上定义了这些关键字。本草案取代了这些草案。
{{ SpecName('CSS3 Flexbox', '#min-auto', 'min-width') }}{{ Spec2('CSS3 Flexbox') }}早期的修订规范 增加了 auto 关键字并将其作为初始值。然而 CSSWG 随后重置了这一变更。直至2013 年 3月 29日，最新的 编辑草案 没有对 min-width 属性做任何修改(也就是说 auto 值已经不被推荐)。
{{ SpecName('CSS3 Transitions', '#animatable-css', 'min-width') }}{{ Spec2('CSS3 Transitions') }}定义 min-width 为动画属性。
{{ SpecName('CSS2.1', 'visudet.html#min-max-widths', 'min-width') }}{{ Spec2('CSS2.1') }}初始定义。
+ +

浏览器兼容性

+ +

{{Compat("css.properties.min-width")}}

+ +
+ +

See also

+ + -- cgit v1.2.3-54-g00ecf