HTML/CSS：居中浮動元素

現在，在此浮動之後，我想將其餘的內容居中。

這是我現在有。我沒有浮動：離開。我可以做float：把它放到右邊，但是我應該如何讓它在浮動元素之後的空間中居中。例如：

IMAGE (that is floated) |     stuff here in middle     |..

我該怎麼做？

來源

2010-12-10 Karem

難道僅僅是文字，你要集中？ – 2010-12-10 19:06:09

喜歡這個？ http://jsfiddle.net/adamzr/htMgc/ – Adam 2010-12-10 19:08:14

@Adam差不多，我有指定寬度的div元素不居中。例如見http://jsfiddle.net/htMgc/2/ – Karem 2010-12-10 19:40:05

使用text-align: center和display: inline

#profile_leftPanel{ 
    width: 150px; 
    float: left; 
    border-right: 1px solid #666; 
    margin-right: 20px; 
} 

#profile_rightPanel_center { 
    margin-left:auto; 
    margin-right: auto; 
    text-align: center; 
} 

#recentStatus{ 
    width: 400px; 
    text-align: center; 
    display: inline; 
}

見http://jsfiddle.net/adamzr/QbMmX/

來源

2010-12-10 20:10:10 Adam

你有沒有試圖改變

#profile_rightPanel_center { 
    float: left; 
}

到

#profile_rightPanel_center { 
    text-align: center 
}

來源

2010-12-10 19:09:01

是的，沒有影響任何東西 – Karem 2010-12-10 19:40:51

怪異的...它在jsfiddle上工作.... – 2010-12-10 19:55:13

只能用於文本，使用文本對齊：中心;

來源

2010-12-10 19:24:32 Derek

didnt工作了或者.. – Karem 2010-12-10 19:41:26

HTML/CSS：居中浮動元素

回答

相關問題