HTML List元素：将父级宽度分成相等的部分

HTML List元素：将父级宽度分成相等的部分

• 有关详细信息

  display: table-cell

  ：在div上使用display：table-cell`是否有缺点？
• [

  table-layout: fixed

  确保

  li

  元素的宽度相等。

CSS：

ol {    width: 400px;        display: table;    table-layout: fixed;     background: #ccc}ol > li {    display: table-cell;    border: 1px dashed red;    text-align: center}

HTML：

<ol>    <li>Item 1</li>    <li>Item 2</li>    <li>Item 3</li>    <li>Item 4</li></ol>