BootStrapタイトルに改行を禁止する設定方法（サンプルコード）-jsチュートリアル-php.cn

BootStrapタイトルに改行を禁止する設定方法（サンプルコード）

PHPz

リリース： 2018-10-16 15:44:32

オリジナル

1481 人が閲覧しました

今回は、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>

ログイン後にコピー

「機能分類」のセル属性はcolspan="2" rowspan="2"と設定されていますが、効果があるのはcolspan="2"のみです。

解決策:

タグ内に行をまたぐ必要があるセルを置かないでください。次のように設定できます。

<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 中国語 Web サイトの他の関連記事へ!

推奨読書:

JS 現在の地理的位置を取得するケースの詳細な説明

parabola.js で放物線を実装し、ショッピングカート機能に追加する

eventBus 兄弟コンポーネント通信の詳細な説明

以上がBootStrapタイトルに改行を禁止する設定方法（サンプルコード）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。