在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

#