csstable列宽固定（css display table 自适应高度、宽度问题的解决）

.css-table {
      display: table;
      height: 2rem;
      width: 5rem;
  }
  .css-table-bg {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      background-color: coral;
  }
  .css-table li {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      background-color:darkkhaki;
  }

    <li class="css-table">
     <li class="css-table-bg">1</li>
        <li class="css-table-bg">2</li>
        <li class="css-table-bg">3</li>
    </li>
    <li class="css-table">
        <ul> 
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Clients</a></li>
        </ul>
    </li>