1

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

我的问题是,内表非常容易居中(CSS 中的“margin:0 auto”),但它的div 等价物不是。如果我指定绝对宽度(例如 640 像素),则 div 将居中,但由于我使用用户的字体大小进行设计(不是我指定的),我不知道给定用户的实际宽度。

我已经简化了主页并将其联机(test.htmlHoH.css 这是 test.html 的概述图像

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

PS:我删除表格是因为当我要求网站评论时,几乎每个人的第一条评论都是“摆脱该死的表格”。

4

2 回答 2

3

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

您也可以使用 EM 值代替 PX,1em = 以 px 为单位的字体大小。如果您的字体大小为 16px,则可以将 640px 更改为 40em。例如,如果有人有两倍大的字体,他会得到两倍宽的块。

如果你想要未知宽度块居中的 css 解决方案,你可以使用inline-blocktext-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 回答