display: table; 外层定义宽高,里面内容自适应宽高。如果子元素是div,每列宽度不是等分。所以建议子元素用li 标签
.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;}
<div class="css-table"><div class="css-table-bg">1</div><div class="css-table-bg">2</div><div class="css-table-bg">3</div></div><div class="css-table"><ul> <li><a href="#">Home</a></li><li><a href="#">About</a></li><li><a href="#">Clients</a></li></ul></div>