在HTML CSS中为并排表创建统一的高度

Question

我有两个或更多不同的表，它们是由php循环生成的;我想让他们所有相同的

项目高度为每个表与不同的文本:

<div class="table-1">
  <ul>
    <li>short text1</li>
    <li>short text1</li>
    <li>long text1 long text1 long text1 long text1 long text1 long text1 </li>
    <li>short text1</li>
  </ul>
</div>
<div class="table-2">
  <ul>
    <li>short text2</li>
    <li>long text2 long text2 long text2 long text2 long text2 long text2 </li>
    <li>short text2</li>
    <li>short text2</li>
    <li>short text2</li>
  </ul>
</div>

Answer 1

不知道这是不是你想要的但是你可以很容易地通过在CSS中添加li {height: 40px}来设置所有li项的高度

或者参见示例https://codepen.io/oldskool123/pen/poQqxVK