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%;
  • 最适用场景
    列表个数不固定,但平分容器空间

你可能感兴趣的:(1% width table-cell hack)