ホームページ  >  記事  >  ウェブフロントエンド  >  BootStrapタイトルに改行を禁止する設定方法(サンプルコード)

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

PHPz
PHPzオリジナル
2018-04-17 09:37:551435ブラウズ

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

「機能分類」のセル属性は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 中国語 Web サイトの他の関連記事へ!

推奨読書:

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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。