1

私は自分のサイトからテーブルを削除することに取り組んでおり、関連する div トリックを学んでいます。私のホームページには現在、別のテーブルにネストされた中央のテーブルがあります。外側のテーブルを削除するのは、テーブル以外のメソッドを学んでいるだけの人にとっては少しトリッキーでしたが、これで完了です。

私の問題は、内側のテーブルは非常に簡単に中央に配置できることです (CSS では "margin:0 auto") が、それに相当する divはそうではありません。絶対幅 (640px など) を指定すると div は中央に配置されますが、ユーザーのフォント サイズ (指定したものではありません) で設計しているため、特定のユーザーに対して実際にどのくらいの幅になるかはわかりません。

ホームページを簡略化してオンラインにしました ( test.htmlとHoH.css ここに test.html の概要イメージがあります。

リンクばかりでごめんなさい。しかし、別の浮遊物の中に浮遊物があると、何が関連しているのかわかりません。ファイル test.html には、フォーマットされた 63 行の HTML が含まれています。640px hr は参考用です。最終ページの一部にはなりません。

PS: 私がサイトのレビューを依頼したとき、ほとんどの人が最初に持っていたコメントは「いまいましいテーブルを削除してください」だったので、テーブルを削除します。

4

2 に答える 2

3

おそらく、ユーザーのフォント サイズについて心配する必要はありません。最新のブラウザはすべて、フォント サイズだけでなくページ全体をズームし、誰もが固定幅で満足するからです。

また、PX の代わりに EM 値を使用することもできます。1em = px 単位のフォント サイズです。フォントサイズが 16px の場合、640px を 40em に変更できます。たとえば、フォントが 2 倍大きい場合、ブロック幅は 2 倍になります。

また、未知の幅のブロックのセンタリングに css ソリューションが必要な場合は、次を使用できinline-blockますtext-align:center: http://jsfiddle.net/rBc4T/

于 2013-01-11T22:49:11.270 に答える
0

CSS と jQuery を使用する -

css -

#divID{ left:50%;}

jQuery -

(function(){
var marginLeft = $('#divID').width();
$('#divID').css('marginLeft','-'+ marginLeft /2 +'px');
});
于 2013-01-11T23:06:31.107 に答える