<style type="text/css">body{ text-align:center;}li{ background-image:url(images/btn3.jpg); float:left; list-style-type:none; width:155px; height:58px; text-align:center; color:#F09; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif;}</style></head><ul> <li></br>Gift</li> <li></br>I,Say</li> <li></br>Photo</li> <li></br>Letter</li></ul>
float:left;是不会居中的，因为它已经逃出了文档流了，你可以改成display:inline;
dispaly:inline;我试了， 没有浮动效果啊， 我把li的背景图片拿掉 就可以居中 怎么回事，
在ul外加一个div，设置宽度，然后margin:0 auto；这样的话整个ul就应该剧中了
最好ul后面清除浮动
去掉里 样式的 float:left; 改用display：inline-block;这样就可以了~
给ul宽度,然后margin-left:-宽度.之后用position:relative,就搞定了.
谢谢各位大神，好用了 谢谢。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
619
收藏
