CSS3自動是一種非常方便的特性,能夠幫助網頁設計師更好的布局頁面,實現各種炫酷的效果。
自動邊距是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自動還有很多其他的特性,如自動字間距、自動排版等等。希望我們能夠善用這些特性,為用戶帶來更好的瀏覽體驗。
上一篇css3色過渡
下一篇css3菜單動畫效果