集中浮動元素

我的「div」元素有一個相對寬度，它不是絕對的，所以我不能使用確切的數字集中。一個很好的解決方案是使用「顯示：inline-block的」：集中浮動元素

body { 
    text-align: center; 
} 

#myDiv { 
    border: 1px solid black; 
    display: inline-block; 
    padding: 50px; 
}

但這元素需要浮動，我嘗試這樣做：

#myDiv { 
    border: 1px solid black; 
    display: inline-block; 
    float: left; 
    padding: 50px; 
}

而且這樣的：

#myDiv { 
    border: 1px solid black; 
    display: inline-block; 
    padding: 50px; 
    position: absolute; 
}

無任何成功，有人能幫助我嗎？

感謝

來源

2010-05-17 Caio

我看不到寬度，甚至沒有*相對*一個。如果你將一個元素聲明爲float，你總是**必須指定一個寬度。 – 2010-05-17 23:51:44

我不認爲你需要一些元素的寬度來浮動......它只是，如果你想浮動幾個元素（例如李），那麼明智的做法是爲每個元素設置一個寬度，以便控制浮動。如果你沒有寬度，可能發生的是所有這些內部（浮動）元素的寬度都大於父容器寬度，那麼最後一個浮動元素將浮動到第一個元素下面... :) – Gavrisimo 2010-05-18 00:18:11

#myDiv { 
    margin: 0 auto; 
}

來源

2010-05-17 23:57:11

您可以中心的任何塊元素與這個CSS：

margin:auto; 
width: some fixed value;

所以elment需要有固定的寬度，以便被centerd這樣。

來源

2010-05-18 00:14:59 Gavrisimo

集中浮動元素

回答

相關問題