So legen Sie den BootStrap-Titel fest, um das Überqueren von Linien zu verhindern (Beispielcode)

Dieses Mal zeige ich Ihnen, wie Sie den BootStrap-Titel so einstellen, dass er das Überqueren von Linien verbietet, und welche Vorsichtsmaßnahmen beim Festlegen des BootStrap-Titels zum Verhindern des Überquerens von Linien gelten. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

[Ähnliche Videoempfehlungen: Bootstrap-Tutorial]

Vor kurzem verwende ich BootStrap-Tabellen, um eine Berichtsschnittstelle zu erstellen (keine Berichtsfunktion erforderlich, Es muss nur eine Vorschau angezeigt werden, und die Zeilen werden entsprechend der Datenmenge angeordnet. Wenn es ein besseres Framework gibt, empfehlen Sie es bitte. Es wurde festgestellt, dass das zeilenübergreifende Attribut rowspan des Titels ungültig ist. Der HTML-Code lautet wie folgt:

<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>

Das Zellenattribut „Funktionale Klassifizierung“ ist mit colspan="2" rowspan="2" festgelegt, aber nur colspan="2" hat eine Auswirkung.

Lösung:

Fügen Sie keine Zellen ein, die Zeilen überqueren müssen. Sie können es wie folgt festlegen:

<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>

Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben Spannende Informationen, bitte beachten Sie andere verwandte Themen im Artikel über die chinesische PHP-Website!

Empfohlene Lektüre:

Detaillierte Erklärung zum Abrufen des aktuellen geografischen Standortfalls mit JS

parabola.js implementiert Parabola und Zum Warenkorb hinzufügen Funktion

Detaillierte Erläuterung der Kommunikation der EventBus-Bruderkomponente

Das obige ist der detaillierte Inhalt vonSo legen Sie den BootStrap-Titel fest, um das Überqueren von Linien zu verhindern (Beispielcode). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!