Question

如果它们之间是元素，是否可以显示2 li内联？

像这样：

http://jsfiddle.net/tbw4f23g/5/

仅当我显示第二个.parts-table时才有效，但如果我显示1st.parts.table，则第二个li会关闭。

试图将.parts-table放在li标签中，但问题是它需要父（li）的宽度，而不是祖父（（.container）宽度。

还尝试制作.parts-table显示：绝对而.parts-table在li标签中，但问题是它在页脚下。

编辑：

还尝试显示li - inline-block

Answer 1

您需要重新构建HTML。就目前而言，您无法实现您的需求。 div 元素必须 li 元素，否则它们只是每个之间的另一个块级元素li （如上所述，它变为无效的HTML）：

<div class="container">


<ul class="sections">
<li>First li 
<div class="part-table">

<table>
<tbody>
<tr>
<td>1111</td> 
<td>22222</td>              
</tr><tr>
<td>1111</td> 
<td>22222</td>              
</tr><tr>
<td>1111</td> 
<td>22222</td>              
</tr><tr>
<td>1111</td> 
<td>22222</td>              
</tr><tr>
<td>1111</td> 
<td>22222</td>              
</tr>

</tbody>
</table>
</div>
</li>


<li>Second li
<div class="part-table">

<table>
<tbody>
<tr>
<td>1111</td> 
<td>22222</td>              
</tr><tr>
<td>1111</td> 
<td>22222</td>              
</tr><tr>
<td>1111</td> 
<td>22222</td>              
</tr><tr>
<td>1111</td> 
<td>22222</td>              
</tr>
</tbody>
</table>
</div>
</li>

</ul>

</div>

我会让你去解决剩下的问题。

Answer 2

您可以通过操纵display属性来实现。有类似的东西：

display:inline-block;

Li ... element ... li元素 - 当第一个div不被隐藏时显示li的内联

2 个答案: