Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html “保证金自动”是什么意思?_Html_Css_Margin - Fatal编程技术网

Html “保证金自动”是什么意思?

Html “保证金自动”是什么意思?,html,css,margin,Html,Css,Margin,我检查了margin属性的auto值的含义,它说:“auto被一些合适的值替换,例如,它可以用于块的居中。” 但是什么是合适的价值,适合什么 我尝试了一些实验,发现如果我添加边距left:auto,容器会向右移动(就像向右浮动一样): 这是否意味着添加自动保证金实际上就像“占用所有可用空间”?当你加上左边和右边的边距时,它会使div居中,因为它试图从左边和右边占据所有的空间 自动边距 根据具体情况,提供自动值将指示 浏览器根据其中提供的值呈现边距 自己的样式表。但是,当这样的边距应用于元素时

我检查了margin属性的auto值的含义,它说:“auto被一些合适的值替换,例如,它可以用于块的居中。”

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

我尝试了一些实验,发现如果我添加边距left:auto,容器会向右移动(就像向右浮动一样):

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

自动边距


根据具体情况,提供自动值将指示 浏览器根据其中提供的值呈现边距 自己的样式表。但是,当这样的边距应用于元素时 如果宽度有意义,则自动边距会导致所有 要呈现为空白的可用空间


设置块级元素的宽度将防止其向左和向右延伸到其容器的边缘。然后,可以将左右边距设置为“自动”,使该元素在其容器内水平居中。元素将占据您指定的宽度,然后剩余的空间将在两个页边距之间平均分配。

右定义页边距:自动;这样,您的结论是正确的。“根据具体情况,自动值的提供会指示浏览器根据自己的样式表中提供的值呈现边距。”嗯,听起来不太可能。作者想知道的是什么样的情况。有意义的宽度是什么意思?
#container {
    background: red;
    width: 120px;
    margin-left: auto;
}
#main {
  width: 600px;
  margin: 0 auto; 
}