Bootstrap을 사용하여 HTML 테이블 요소의 고정 너비를 설정하는 방법은 무엇입니까?

의 너비 고정 HTML

테이블 데이터 셀()에 고정 너비를 설정하는 것은 일반적인 스타일 요구 사항입니다. 그러나 이를 달성하는 것은 어려울 수 있으며 다양한 접근 방식을 시도했지만 성공하지 못했을 수도 있습니다.

Bootstrap 4.0

안타깝게도 Bootstrap 4.0.0에서는 다음을 사용할 수 없습니다. col-* 클래스(Chrome이 아닌 Firefox에서만 작동함) 대신 다음 해결 방법을 사용해야 합니다.

<tr>
  <th>

Bootstrap 3.0

Bootstrap 3.0에서는 "col-md-"을 사용할 수 있습니다. 여기서 ""은 너비의 열 수를 나타냅니다. want.

<tr>
    <td class="col-md-2">A</td>
    <td class="col-md-3">B</td>
    <td class="col-md-6">C</td>
    <td class="col-md-1">D</td>
</tr>

Bootstrap 2.0

Bootstrap 2.0의 경우 Bootstrap 3.0과 동일한 패턴에 따라 "span*" 클래스를 사용합니다.

<tr>
    <td class="span2">A</td>
    <td class="span3">B</td>
    <td class="span6">C</td>
    <td class="span1">D</td>
</tr>

중요 참고

테이블 요소의 <번째> 요소가 아닌 강요. 그 이유는 요소는 상위 로부터 너비를 상속받습니다. 요소.

위 내용은 Bootstrap을 사용하여 HTML 테이블 요소의 고정 너비를 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!