「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > テーブル列にテキストをコルグループで集中させる方法は?

テーブル列にテキストをコルグループで集中させる方法は?

2025-02-17に投稿されました
ブラウズ:646

How to Center Text in Table Columns with Colgroups?

colgroupsを使用したテーブル列にテキストを集中させる

HTMLテーブルの共通の課題は、特定の列の中心にテキストを調整することです。

を使用して列のすべてのセルを一貫してフォーマットしたにもかかわらず、テキストアライメントは不明のままです。バックグラウンドカラーを含むいくつかのCSSプロパティのみが列に適用されます。残念ながら、テキストアライグはその中にありません。指定された例では、次のCSSルールを追加すると、最初の列を除き、すべてのテーブルセルのテキストを中心にします。 #mytable tbody TD:first-child {text-align:left}

このソリューションは、テキストアリグインがテーブルセルに適用されるという事実を活用します。この方法はIE6と互換性がないが、不思議なことに、IE6では、テキストアライグが実際に列に(誤って)適用されることに注意してください。 。この小さな問題に対処することで、テーブル構造がHTML標準に従って有効であることが保証されます。

最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3