标签：style blog color width os html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>float center</title> <style> .demo { /*最外层容器居中 非必要*/ border: 1px solid #CCC; margin: 5px auto; overflow: hidden; width: 1430px; } .demo ul { /*ul浮动，宽度自适应内部li的总宽度,left:50% 定位到中间;*/ float: left; position: relative; left: 50%; } .demo ul li { border: 1px solid #555; float: left; position: relative;/* 只能用相对不能用绝对 */ padding: 5px; left: -50%;/*li相对定位，li都向前偏移ul总宽度的一半 从而实现居中*/ list-style: none; margin: 10px; } </style> </head> <body> <div class="demo"> <ul> <li><a href="#">我居中了</a></li> <li><a href="#">我居中了</a></li> <li><a href="#">我居中了</a></li> <li><a href="#">我居中了</a></li> <li><a href="#">我居中了</a></li> </ul> </div> </body> </html>
浮动元素居中的实现方法~~很不错,布布扣,bubuko.com
标签：style blog color width os html
原文地址：http://www.cnblogs.com/stephenykk/p/3794431.html
