Erstellen Sie eine einheitliche Höhe für nebeneinander liegende Tabellen in HTML-CSS
P粉044526217
2023-08-01 15:18:11
<p>Ich habe zwei oder mehr verschiedene Tabellen, die von einer PHP-Schleife generiert werden. Ich möchte, dass sie alle die gleiche<li>Elementhöhe für jede Tabelle mit unterschiedlichem Text haben:</p>
<p><br /></p>
<pre class="brush:html;toolbar:false;"><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></pre>
<p><br /></p>
不知道这是不是你想要的但是你可以很容易地通过在CSS中添加li {height: 40px}来设置所有li项的高度
或者参见示例https://codepen.io/oldskool123/pen/poQqxVK