집 > 기사 > 웹 프론트엔드 > Bootstrap을 사용하여 HTML 테이블 요소의 고정 너비를 설정하는 방법은 무엇입니까?

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

How to Set Fixed Widths for Elements in HTML Tables Using Bootstrap?

의 너비 고정 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：