今天看到了一種浮動居中方法，用float:center實現li是浮動的，並且是居中的（li個數不固定，ul寬度未知）。平時一般設定ul的text-align:center，再設定li的display，可以實現居中。
下面說一下float:center實現浮動居中的思路，採用的是相對定位：ul為position:relative;left:50%，然後再讓li像左浮動，在讓它position:relative;right:50%（或者left:-50%），那麼li就像向中間浮動一樣居中了。
ul,li
#area
#area ul
#area ul li
效果：
居中div，居中浮動的元素
定位法 position absolute 如果子級div有定義寬和高的話就可以用這個方法。注意 margin top,和margin left的值均為高和寬值的一半 margin auto法 這個也可以是定位法。用這個方法要求子級div必須設定寬的值，不然沒有效果哦 margin auto是水平垂...
浮動元素的水平居中
對於頁面上的塊級元素，只須定寬及設定margin 0 auto 即可在水平上居中，但對於浮動的元素水平居中是無效的，乙個典型的應用就是頁面的分頁效果了 分頁效果，在以往可能會採取設定inline block，然後父容器設定text align center方式來實現內容居中，像如下 class wr...
flex 浮動 居中 平均 分布
charset utf 8 title wrap wrap div wrap div nth child 1 wrap div nth child 2 wrap div nth child 3 wrap div nth child 4 style head class wrap 1div 2div ...