傳統的水平居中樣式 margin: 0 auto; 這個方法要求使用這個樣式的dom元素,必須同時定義寬度width. 如果dom元素內容是不固定的,那麼就無法定義寬度.所以這個地方就很難弄.
經過多次摸索終於找到解決方案. 經過測試發現相容性還行.
display: table; /*重點就是這個屬性,這個樣式會告知瀏覽器當前元素的寬度,採用最小的寬度.不是預設全寬*/
margin: 0 auto;
}id="父元素" >
class="secondmenubody">這裡的內容永遠相對父元素水平居中div>
div>
當寬度不定時，如何設定div的寬高相同？
在做專案時，我經常會遇到這樣一種情況 在乙個div裡渲染乙個正方形或圓形的物體，這個物體是佔滿整個div的，而這個div的寬度會隨著父元素的寬度變化而變化。為了讓這個物體的效果不變形，必須保持div的長度和寬度一致，那麼怎麼做呢？div上面的 就可以令div的長寬相等。原理是什麼呢？我們先來看一下p...
css使寬度不定的div水平居中
我們知道設定了寬度的div等塊級元素居中很簡單，像下面這樣就可以了 css 1 2 3 4 5 6 div 然而，如果div寬度不定的話，如何居中呢？同樣，我們知道行內元素居中也很簡單，只要它的父元素設定了text algin center就可以了。所以，我們可以把寬度不定的div設定成行內元素，然...
div中table的寬度超過div的寬度問題
首先注意table的乙個樣式 table tablelayout 屬性用來設定 單元格 行 列顯示屬性。table layout有以下取值 值描述 automatic 預設。列寬度由單元格內容設定 fixed 列寬由 寬度和列寬度設定。inherit 規定應該從父元素繼承 table layout ...