1% width table-cell hack

  • display: table-cell
    table-cell屬性讓標簽元素以表格單元格的形式呈現。兼容IE8+，會被以下CSS屬性破壞：
float
position
// 設置display: table-cell的元素對寬高敏感，margin無反應，響應padding
  • 實現大小不固定元素的垂直居中
  • 實現兩欄自適應布局
  • 實現容器等高布局
  • 充滿父容器
    table-cell不設置width時是不等分的，而是根據內容自適應大小。
display: table-cell; 
width: 1%;
  • 最適用場景
    列表個數不固定，但平分容器空間
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容