現在取り組んでいるページでは、最初の行に画像があり、その下に 2 列のテキストがある表を中央に配置できないようです (2 列は画像の幅) ここにページがあります: http://www.puzzles-et-jeux.com/fr/page/minipuzzles.html 私はこれを解決するために多くの時間を費やしました. 急ぐ必要があり、画像ごとに幅が異なる /+ レイアウトの種類のページを 20 ページ作成する必要があるため、HTML に保持したいと思います。
333536 次
5 に答える
106
デザインでは、テーブルではなく div を使用するのが一般的です。このようにして、適切なスタイル設定により、レイアウトをより保守しやすく、変更しやすくします。慣れるまで少し時間がかかりますが、長期的には非常に役立ち、スタイリングの仕組みについて多くのことを学ぶことができます. ただし、当面の問題の解決策を提供します。
スタイルシートで、マージンとパディングが 0 ピクセルに設定されています。align="center"これは属性をオーバーライドします。通常、すべての要素がこのように影響を受けることは望ましくないため、CSS からこれらの設定を削除することをお勧めします。CSS で何が起こっているかを既に知っていて、それを維持したい場合は、テーブルにスタイルを適用して以前のセットをオーバーライドする必要があります。テーブルに を指定するclassか、スタイルを HTML とインラインで配置することができます。次の 2 つのオプションがあります。
クラスの場合:
<table class="centerTable"></table>
style.css ファイルには、次のようなものがあります。
.centerTable { margin: 0px auto; }
HTML とインライン:
<table style="margin: 0px auto;"></table>
0px に設定されているマージンとパディングを消去することにした場合は、整列させたい列のタグをそのまま使用できalign="center"ます。<td>
于 2012-12-28T17:52:44.153 に答える
16
これを試して -
<table align="center" style="margin: 0px auto;"></table>
于 2012-12-28T17:24:33.260 に答える
-1
<table align="center"></table>
これは私にとってはうまくいきます。
于 2016-12-03T09:45:12.343 に答える