<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,就搞定了.
谢谢各位大神，好用了 谢谢。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
