HTML – 保证金自动意味着什么?

前端之家收集整理的这篇文章主要介绍了HTML – 保证金自动意味着什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我检查了 MDN,看看有什么方法可以获得保证金属性自动值,它说:“auto被替换为一些合适的值,例如它可以用于块的居中.”

但是什么是合适的价值,适合什么?

我尝试了一些实验,我看到如果我添加margin-left:auto,容器会向右移动(就像浮动到右边):

#container {
    background: red;
    width: 120px;
    margin-left: auto;
}

http://jsfiddle.net/sph2j6jx/

这是否意味着添加保证金自动实际上就像“占用所有可用空间”?当你添加左右边距时,它会使div居中,因为它试图从左边和右边占据所有空间?

解决方法

Auto margins

Depending upon the circumstances,provision of an auto value instructs
the browser to render a margin according to the value provided in its
own stylesheet. However,when such a margin is applied to an element
with a meaningful width,an auto margin instead causes all of the
available space to be rendered as whitespace.

w3.org

猜你在找的HTML相关文章