Question

CSS编辑:怎么样才能把右边的列表上下水平的对齐?左边的图片上下有空一定的距离?(具体看图)谢谢!

额...就是要变成最后那张图的样子...真不知道要怎么写= =





Answer 1

布局乱到不行 = =

分别用div包含每张img图和对应的ul列表，每个li中再添加一个span：

HTML：

<div id="d1">

    <div>

        <img src="1.jpg" alt="" />

        <ul>

            <li>红色1<br/>

                <span>蓝色1111111</span>

            </li>

            <li>红色2<br/>

                <span>蓝色222222</span>

            </li>

            <li>红色3<br/>

                <span>蓝色333333333333</span>

            </li>

        </ul>

    </div>

</div>

CSS：

    #d1{width: 600px;}

    #d1 ul{float: left;margin: 50px 0 0 30px;}

    #d1 li{color:#E76EEB;}

    #d1 img{float: left;}

    #d1 span{padding-left: 20px;color:blue;}

Answer 2

你应该把你的代码贴出来看看，才能找到问题所在。
不过这样看来，估计是有元素是float:left，但是又没有clear造成的。

追问

额...这样你看看...估计错误挺多的= =

Answer 3

这孩子.. 用table多简单啊
啥样式都不用写

Answer 4

重新布局吧。乱。