선 교차를 금지하도록 BootStrap 제목을 설정하는 방법(예제 코드)

이번에는 줄넘기를 금지하는 BootStrap 제목 설정 방법과 줄넘김을 금지하는 BootStrap 제목 설정 시 주의사항이 무엇인지 보여드리겠습니다. 다음은 실제 사례입니다.

【관련 영상 추천: Bootstrap 튜토리얼】

최근에 BootStrap 테이블을 사용하여 보고서 인터페이스를 만들고 있습니다. (보고서 기능은 필요하지 않으며, 데이터 양에 따라 변경하지 않고 미리보기 및 행 정렬만 하면 됩니다.) 프레임워크는 권장 사항을 환영합니다.) 제목에서 행 간 속성 rowspan 설정이 유효하지 않음을 발견했습니다. html은 다음과 같습니다.

<table class="table table-bordered">
 <thead>
  <th colspan="2" rowspan="2">功能分类</th>
  <th>第二列</th>
  <th>第三列</th>
  <th>第四列</th>
  <th>第五列</th>
 </thead>
 <tr>
  <td>第一列</td>
  <td>第二列</td>
  <td>第三列</td>
  <td>第四列</td>
  <td>第五列</td>
 </tr>
 <tr>
  <td>第一列</td>
  <td>第二列</td>
  <td>第三列</td>
  <td>第四列</td>
  <td>第五列</td>
 </tr>
</tabel>

"Functional Classification"의 셀 속성은 colspan="2" rowspan="2"로 설정되어 있지만 colspan="2"만 효과가 있습니다.

해결책:

행을 교차시켜야 하는 셀을 ae20bdd317918ca68efdc799512a9b39 태그에 넣지 마세요. 다음과 같이 설정할 수 있습니다.

<table class="table table-bordered">
 <tr>
  <th colspan="2" rowspan="2">功能分类</th>
  <th>第二列</th>
  <th>第三列</th>
  <th>第四列</th>
  <th>第五列</th>
 </tr>
 <tr>
  <td>第一列</td>
  <td>第二列</td>
  <td>第三列</td>
  <td>第四列</td>
  <td>第五列</td>
 </tr>
 <tr>
  <td>第一列</td>
  <td>第二列</td>
  <td>第三列</td>
  <td>第四列</td>
  <td>第五列</td>
 </tr>
</tabel>

이 기사의 사례를 읽으신 후 방법을 익히셨다고 생각합니다. PHP 중국어 웹사이트의 다른 관련 기사를 확인해보세요!

추천 자료:

JS 현재 지리적 위치 획득에 대한 자세한 설명

parabola.js를 사용하여 포물선을 구현하고 장바구니 기능에 추가

eventBus 형제 구성 요소 통신에 대한 자세한 설명

위 내용은 선 교차를 금지하도록 BootStrap 제목을 설정하는 방법(예제 코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!