cssmargin属性auto CSS margin-bottom 属性

cssmargin属性auto

CSS margin 属性 auto 是一个非常有用的属性，它可以让我们轻松地设置元素的外边距。它可以用来控制元素的位置，使其在页面上更加合理。

auto 属性可以用于所有四个外边距，即 margin-top、margin-right、margin-bottom 和 margin-left。当我们将 auto 设置为某个外边距时，浏览器会根据元素的大小和位置来决定该外边距的值。

.example { 
    margin: auto; 
} 

上面的代码将所有四个外边距都设置为 auto，这意味着浏览器会根据元素的大小和位置来决定这些外边距的值。例如，如果我们将一个 div 的宽度固定为 500px，并将 margin 设置为 auto，则浏览器会根据 div 的大小来决定左右外边界的大小，使 div 在页面中水平居中显示。

 
.example { 
    width: 500px; 
    margin: auto; 
} 

此外，auto 还可以用于单独的外部间隔（margin-top、margin-right、margin-bottom 和 margin-left）。例如，如果我们想要使 div 水平居中显示，但是不想修改 div 的宽度时，可以将左右外部间隔都设置为 auto。

.example { 
    margin-left: auto; 
    margin-right: auto; 
} 

此外，auto 还可以用于 vertical-align 属性中。当 vertical-align 被用于表格单元格时（td 或 th 元素 ） ，auto 将对齐单元格内文本的 baseline （文本底部对齐 ）。

.example {   vertical-align: auto; } 

总之, CSS Margin Auto 是一个强大而有用的工具, 适用于很多页面布局场合, 通过使用这一特性, 我们能快速方便地对元素进行布局, 节省很多页面布局时间.

CSS margin-bottom 属性