如何居中未知寬度的div塊？

我正在從我的網站中刪除表格，並剛剛學習涉及的div技巧。我的home page當前有一個嵌套在另一個表中的居中表。去除外表對於剛剛學習非表方法的人來說有點棘手，但已經完成了。如何居中未知寬度的div塊？

我的問題是，內表很容易居中（CSS中的「margin：0 auto」），但它的div equivalent不是。如果我指定絕對寬度（例如640px），則div將居中，但由於我使用用戶的字體大小（不是我指定的）設計，我不知道給定用戶的實際寬度有多寬。

我已經簡化了主頁，並把它在線（test.html和HoH.css這裏的test.html的概述image。

對不起，所有的環節，但隨着內的另一個輕飄事情輕飄的事情，我不知道什麼是相關的，文件test.html包含63行格式化的HTML，640px小時僅供參考;它不會成爲最終頁面的一部分。因爲當我要求網站評論時，幾乎每個人都有的第一個評論是「擺脫該死的桌子」。

來源

2013-01-11 RichF

目前，這個問題是pr etty本地化。但是簡單地說，把'text-align：center;'放在'h1'上。您可能需要處理右側的方框與「h1」的對齊方式。請參閱http://stackoverflow.com/questions/14286597/css-alternative-to-center/14286703瞭解更多有關居中的內容。 – KatieK

也許你不應該擔心用戶的字體大小，因爲所有的現代瀏覽器縮小整個頁面，不僅字體大小，每個人都會對你的固定寬度感到滿意。

此外，您可以使用EM值而不是PX，1em = px中的字體大小。如果您的字體大小爲16px，則可以將640px更改爲40em。如果有人有例如兩倍大的字體，他會得到兩倍寬的塊。

如果你想爲未知的寬度塊定心CSS的解決方案，你可以使用inline-block和text-align:center：http://jsfiddle.net/rBc4T/

來源

2013-01-11 22:49:11 antejan

使用CSS和jQuery -

CSS -

#divID{ left:50%;}

的jQuery -

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

來源

2013-01-11 23:06:31 ggdx

如何居中未知寬度的div塊？

回答

相關問題