HTML CSS で並列テーブルの均一な高さを作成する

Question

<p>PHP ループによって生成された 2 つ以上の異なるテーブルがあります。異なるテキストを持つ各テーブルの項目の高さをすべて同じにしたいのです。</p> <p><br /></p> <pre class="brush:html;toolbar:false;"><div class="table-1">

<li>短いテキスト1</li> <li>短いテキスト1</li> <li>長文1 長文1 長文1 長文1 長文1 長文1 </li> <li>短いテキスト1</li> </ul> </div> <div class="テーブル-2">
<li>短いテキスト2</li> <li>長文2 長文2 長文2 長文2 長文2 長文2 </li> <li>短いテキスト2</li> <li>短いテキスト2</li> <li>短いテキスト2</li> </ul> </div></pre> <p><br /></p>

Answer 1

これが希望するものであるかどうかはわかりませんが、CSS に li {height: 40px} を追加することで、すべての li 項目の高さを簡単に設定できます

または、https://codepen .io/ の例を参照してください。 oldskool123/pen/poQqxVK