自动边距是CSS3自动中的一种特性,可以帮助大家轻松地为元素设定外边距。例如:
.selector { margin:auto; }
这段代码会将元素水平居中。当然,大家也可以针对不同的方向指定不同的自动边距,例如:
.selector { margin:10px auto; }
这段代码将会使元素在上下方向上有10像素的外边距,而在左右方向上自动居中。
还有一个非常实用的自动特性就是自动填充(flexbox),能够让大家轻松地实现弹性布局。例如:
.container { display:flex; justify-content:center; align-items:center; }
这段代码会将.container 下的所有子元素都在容器中居中。其中:justify-content:center 属性用于水平居中,align-items:center 属性用于垂直居中。
除了自动边距和自动填充之外,CSS3自动还有很多其他的特性,如自动字间距、自动排版等等。希望大家能够善用这些特性,为用户带来更好的浏览体验。