css 使元素水平置中

標籤：title   details   sdn   div   tle   .net   blank   csdn   元素   

css使元素水平置中

1.對於行內元素的水平置中

給父元素設定text-align:center

<div style="text-align:center;">置中顯示</div>

 

2.定寬塊狀元素水平置中

<div style="width:200px;margin:20px auto;";>置中顯示</div>

 

註：對於以上情況可以靈活應用

可以將元素設定 display:inline ，將其變為行內元素，再按照上面的方法1

也可將元素設定 display:block，將其變為塊狀元素，再按照上面的方法2

 

參考地址：http://blog.csdn.net/oHeHeHou/article/details/52820794

 

css 使元素水平置中