多个块标签float:left之后水平居中解决办法

时间:2024-10-12 03:24:13

1、为ul设置上width值,如ul {width:500px}<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><title>float:left居中的问题。</title><style type="text/css">* { margin:0; padding:0; list-style:none;}body { text-align:center;}li { float:left; font-size:12px;}a { float:left; border:1px solid #000; padding:5px 10px; text-decoration:none; color:#000;}ul {width:260px}</style></head><body><ul><li><a href="#nogo">首页</a></li><li><a href="#nogo">关于</a></li><li><a href="#nogo">产品</a></li><li><a href="#nogo">联系我们</a></li><li><a href="#nogo">留言</a></li></ul></body></html>

© 手抄报圈