任務(wù)13

平時遵守的編碼規(guī)范

命名小寫并且語義清晰；
節(jié)省標簽；
class都加上引號；
css盡量縮寫屬性；
選擇器和聲明分離。

垂直居中有幾種實現(xiàn)方式，給出代碼范例

1.絕對定位垂直居中
絕對定位垂直居中
2.有固定寬度和高度的塊元素，設(shè)置top:0; bottom:0; left:0; right:0; margin:auto;
設(shè)置margin: auto
3.設(shè)置display:table-cell實現(xiàn)居中
image.png

4.給偽類添加vertical-align:middle垂直居中

image2.png

任務(wù)代碼

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容