我們知道設定了寬度的div等塊級元素居中很簡單,像下面這樣就可以了:
css
1
2
3
4
5
6
div
然而,如果div寬度不定的話,如何居中呢?同樣,我們知道行內元素居中也很簡單,只要它的父元素設定了text-algin:center就可以了。所以,我們可以把寬度不定的div設定成行內元素,然後設定它的父元素text-algin:center就可以了,如:
xhtml
1
2
3
4
5 id
="outer"
>
id="inner"
>
寬度不定的div
css
12
3
4
5
6
7
8
9
10
11
12
#outer
#inner
用CSS使DIV水平居中
一,用css使div層水平居中 對需要水平居中的div層新增以下屬性 margin left auto margin right auto 這樣在ff中已經居中了,可是在ie中看還是沒有居中 問題並不在css而在xhtml網頁本身.需要加上這樣的 才能使得上述設定有效果 如何使div居中 主要的樣式...
html 中 div不定寬度如何水平居中的解決方案
傳統的水平居中樣式 margin 0 auto 這個方法要求使用這個樣式的dom元素,必須同時定義寬度width.如果dom元素內容是不固定的,那麼就無法定義寬度.所以這個地方就很難弄.經過多次摸索終於找到解決方案.經過測試發現相容性還行.display table 重點就是這個屬性,這個樣式會告知...
css 不定寬度的塊級元素水平居中
塊級元素水平居中不能用text align center 但是有一種錯覺如下 charset utf 8 不定寬塊狀元素水平居中title div1 div2 style class div1 class div2 aaadiv div1 body html 上述 執行結果如下圖 1.看似包含 aa...