Question

我正在努力从我的网站中删除表格，并且只是学习所涉及的div技巧。我的home page目前有一个嵌套在另一个表中的居中表。对于刚刚学习非表方法的人来说，删除外表有点棘手，但已经完成了。

我的问题是，内部表格非常容易居中（CSS中的“margin：0 auto”），但它的div equivalent不是。如果我指定一个绝对宽度（例如640px），div将居中，但由于我使用用户的字体大小设计（不是我指定的东西），我不知道它对给定用户的实际宽度。

我简化了主页并将其设为在线（test.html和HoH.css以下是test.html的概述image。

对不起所有链接。但是在另一个浮动的东西里面有一个浮动的东西，我不知道什么是相关的。文件test.html包含63行格式化的HTML。 640px hr仅供参考;它不会成为最后一页的一部分。

PS：我正在删除这些表格，因为当我要求网站评论时，几乎每个人都有的第一条评论是“摆脱那些该死的桌子”。

Answer 1

可能您不应该担心用户的字体大小，因为所有现代浏览器都会缩放整个页面，而不仅仅是字体大小，并且每个人都会对您的固定宽度感到满意。

您也可以使用EM值代替PX，1em = px中的字体大小。如果您的字体大小为16px，则可以将640px更改为40em。如果某人有两倍大的字体，他将获得两倍宽的阻止。

如果你想要css-solution用于未知宽度的块居中，你可以使用inline-block和text-align:center：http://jsfiddle.net/rBc4T/

Answer 2

使用CSS和jQuery -

css -

#divID{ left:50%;}

jQuery -

(function(){
var marginLeft = $('#divID').width();
$('#divID').css('marginLeft','-'+ marginLeft /2 +'px');
});