ホームページ > 記事 > ウェブフロントエンド > 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>
「機能分類」のセル属性は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 サイトの他の関連記事へ!
推奨読書:
parabola.js で放物線を実装し、ショッピングカート機能に追加する
以上がBootStrapタイトルに改行を禁止する設定方法(サンプルコード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。