Question

CSS ul li 图片控制

刚才写问题，结果一个回车就提交了。 具体是这样：
首先我将一个图片（950*48） 切割成不等宽度的7份，然后给每个切片一个超链接
CSS:
.yeweipart2 ul{margin:0px;list-style-type:none; width:100%;}
.yeweipart2 ul li{ margin:0px;width:104.5px; float:left; }
<--! 这以上的部分就是控制ul, li，但这个输出效果不对，每个图片都等宽度输出，如果多出的部分就会被覆盖--!>

.yeweipart2{width:950px;height:48px;overflow:hidden;}
.yeweipart2 .part1{width:106px;height:48px;overflow:hidden;}
.yeweipart2 .part2{width:104px;height:48px;overflow:hidden;}
.yeweipart2 .part3{width:113px;height:48px;overflow:hidden;}
.yeweipart2 .part4{width:171px;height:48px;overflow:hidden;}
.yeweipart2 .part5{width:117px;height:48px;overflow:hidden;}
.yeweipart2 .part6{width:117px;height:48px;overflow:hidden;}
.yeweipart2 .part7{width:221px;height:48px;overflow:hidden;}

Answer 1

你要实现什么？单纯的写一个图片列表就是这样了：
<ul>
<li><img src="images/01.jpg" alt="" /></li>
<li><img src="images/01.jpg" alt="" /></li>
<li><img src="images/01.jpg" alt="" /></li>
<li><img src="images/01.jpg" alt="" /></li>
</ul>
　　再配合css　就可实现需要的效果。
　　此外这里还可以加图片说明文字等等信息。

追问

PHP:
类似的就这样

追答

哦，这样子，就不需要弄得这么复杂，代码如下即可：
Xhmt Code:

Css Code:
.yeweipart2{ height:48px; overflow:hidden; width:950px;}
.yeweipart2 img{ float:left;}

你试一下　:)