31.水平居中总结-不定宽块状元素方法（三）
生活随笔
收集整理的這篇文章主要介紹了
31.水平居中总结-不定宽块状元素方法（三）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
方法三：通過給父元素設置 float，然后給父元素設置 position:relative 和 left:50%，子元素設置 position:relative 和 left:-50% 來實現水平居中。
代碼如下：
<body> <div class="container"><ul><li><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li></ul> </div> </body>css代碼：
<style> .container{float:left;position:relative;left:50% }.container ul{list-style:none;margin:0;padding:0;position:relative;left:-50%; } .container li{float:left;display:inline;margin-right:8px;} </style>這種方法可以保留塊狀元素仍以 display:block 的形式顯示，優點不添加無語議表標簽，不增加嵌套深度，但它的缺點是設置了 position:relative，帶來了一定的副作用。
這三種方法使用得都非常廣泛，各有優缺點，具體選用哪種方法，可以視具體情況而定。
轉載于:https://www.cnblogs.com/binhuguang/p/4350391.html
總結
以上是生活随笔為你收集整理的31.水平居中总结-不定宽块状元素方法（三）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 人生风景感悟的句子84句
- 下一篇： cocos2dxFlappyBird开发