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

2025-04-10 08:15:14

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>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢