[解決済み] テーブルを水平に揃えるCSSの方法
2022-12-14 07:08:45
質問
ブラウザの中央に固定幅のテーブルを表示させたい。現在、私は
<table width="200" align="center">
しかし、Visual Studio 2008では、この行で警告が表示されます。
属性 'align' は時代遅れと見なされます。より新しい構成が推奨されます。
同じレイアウトを得るために、どのようなCSSスタイルをテーブルに適用すればよいですか?
どのように解決するのですか?
スティーブンの言うとおり 理論 :
<ブロッククオートCSS を使ってテーブルを中央揃えにする「正しい」方法です。適合するブラウザは、左と右のマージンが等しい場合、テーブルを中央揃えにするはずです。これを実現する最も簡単な方法は、左と右のマージンを "auto" に設定することです。このように、スタイルシートに記述することができます。
table
{
margin-left: auto;
margin-right: auto;
}
しかし、この回答の冒頭で述べた記事では、テーブルを中央に配置する他のすべての方法を提供しています。
エレガントなCSSのクロスブラウザ・ソリューションです。 これは、MSIE 6 (Quirks and Standards)、Mozilla、Opera、および Netscape 4.x の両方で、明示的な幅を設定することなく動作します。
div.centered
{
text-align: center;
}
div.centered table
{
margin: 0 auto;
text-align: left;
}
<div class="centered">
<table>
…
</table>
</div>
関連
-
[解決済み] input type="button "に背景画像を追加するには?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] 静的な HTML ページにファビコンを追加する
-
[解決済み] MIME-typeが原因でスタイルシートが読み込まれない
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
iframeフレームワークの使用
-
[解決済み] ジャンボトロンのセンター出しは?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] CSSコンテンツによるHTMLエンティティの追加
-
[解決済み] hr要素の色を変更する
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] MIME-typeが原因でスタイルシートが読み込まれない
-
[解決済み] div内の画像の下に余分なスペースがある