- 說一說你平時寫代碼遵守的編碼規范
- tab用兩個空格表示
- css的:后加個空格，{前加個空格
- 每條聲明后都加上分號
- 換行，而不是放到一行
- 顏色用小寫，用縮寫, #fff
- 小數不用寫前綴, 0.5s -> .5s
- 0不用加單位
- 能縮寫的就縮寫， 如margin: 5px 10px 5px 10px;可以寫成margin: 5px 10px;
- 垂直居中有幾種實現方式，給出代碼范例
共有4種實現方式
- 通過使用上下相同padding的方式實現垂直居中，此種方式可以允許內容增加或減少，內容始終在框內保持居中
padding: 20px 0;
text-align: center;
- 通過使用絕對定位的方式實現垂直居中，此種方式多應用于彈窗
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
width: 200px;
height: 150px;
- 通過使用vertical-align: center;和偽類的方式實現垂直居中
.box:before{
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.box img{
vertical-align: middle;
background: blue;
}
- 通過設置vertical-align: center;和display: table-cell;的方式實現垂直居中
width: 300px;
height: 200px;
border: 1px solid ;
display: table-cell;
vertical-align: middle;
text-align: center;
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
