1

HTML テーブルがページ本体よりも幅が広い場合、中央揃えを指定したかどうかに関係なく、常に左揃えになります。サイズを予測するのが容易ではない CSS3 グラデーション ボタンを含むテーブルがあります (ボタンのサイズは、ブラウザーで使用されるフォントによって異なります)。一部のブラウザーでは、このテーブルがページ本体よりも広くなり、ページ バナーに関連してテーブルが中心から外れます。

私は次のような質問を読みました:このシナリオでテーブルを中央に配置する唯一の方法は Javascript を使用することを示す親コンテナーよりも幅が広い場合でも、テーブルを中央に配置します。

しかし、javascript なしで解決策を見つけたいと思います。ページのデザインは非常にシンプルです (ヘッダーの中央にサイトのロゴがあり、その下に大きなボタンが並んでいるだけです)。

ボタン テーブルが常にページの中央に配置されるようにするための簡単でエレガントなソリューションについて何か提案はありますか?

4

1 に答える 1

0

http://jsfiddle.net/JQ3qb/

よくわかりませんが、これが欲しいですか？ポジショニングでそれを行い、左のパーセンテージで遊んでテーブルを調整できます。

#test{
    border: 1px black solid;
    width: 800px;
    position:relative;
    left: -25%;
    text-align:center;
}
于 2013-09-24T16:51:19.917 に答える