Question

<ul>
    <li>
       <div id='div1'><div>
       <div id='div2'><div>
    </li>
    <li>
       <div id='div3'><div>
       <div id='div4'><div>
    </li>
    <li>
       <div id='div5'><div>
       <div id='div6'><div>
    </li>
</ul>

以上html将设计以下设计

 li li li
|__|__|__| -> odd DIVs
|__|__|__| -> even DIVs

我想合并所有奇怪的DIV并在其顶部放置一些文字。

 li li li
 |__|__|__| -> odd DIVs
 |__|__ __| -> even DIVs

有没有办法做到这一点？

谢谢

Answer 1

尝试使用：

li {
    display: inline-block;
}
li div:last-child {
    display: inline;
}

我只在Firefox 5中测试过它，它似乎有效。

在此处查看示例http://jsfiddle.net/ffESR/

如何跨li元素合并DIV

1 个答案: