Erstellen Sie eine einheitliche Höhe für nebeneinander liegende Tabellen in HTML-CSS

Question

Ich habe zwei oder mehr verschiedene Tabellen, die von einer PHP-Schleife generiert werden. Ich möchte, dass sie alle die gleiche

Elementhöhe für jede Tabelle mit unterschiedlichem Text haben:

<div class="table-1">
  <ul>
    <li>kurzer Text1</li>
    <li>kurzer Text1</li>
    <li>Langtext1 Langtext1 Langtext1 Langtext1 Langtext1 Langtext1 </li>
    <li>kurzer Text1</li>
  </ul>
</div>
<div class="table-2">
  <ul>
    <li>kurzer Text2</li>
    <li>langer Text2 langer Text2 langer Text2 langer Text2 langer Text2 langer Text2 </li>
    <li>kurzer Text2</li>
    <li>kurzer Text2</li>
    <li>kurzer Text2</li>
  </ul>
</div>

Answer 1

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

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