HTML CSS에서 병렬 테이블의 균일한 높이 만들기

Question

<p>PHP 루프에 의해 생성된 두 개 이상의 서로 다른 테이블이 있습니다. 각 테이블에 대해 서로 다른 텍스트가 있는 동일한 항목 높이를 갖기를 원합니다.</p> <p><br /></p> <pre class="brush:html;toolbar:false;"><div class="table-1">

• 짧은 텍스트1
• 짧은 텍스트1
• 긴 텍스트1 긴 텍스트1 긴 텍스트1 긴 텍스트1 긴 텍스트1 긴 텍스트1
• 짧은 텍스트1
</ul> </div> <div class="table-2">
• 짧은 텍스트2
• 긴 텍스트2 긴 텍스트2 긴 텍스트2 긴 텍스트2 긴 텍스트2 긴 텍스트2
• 짧은 텍스트2
• 짧은 텍스트2
• 짧은 텍스트2
</ul>

Answer 1

이것이 원하는 것인지 확실하지 않지만 CSS에 li {height: 40px}를 추가하여 모든 li 항목의 높이를 쉽게 설정할 수 있습니다.

또는 https://codepen.io/oldskool123/pen /poQqxVK

예를 참조하세요.