Javascript 如何在两个垂直部分显示li(像报纸一样并排显示站点)
所以我要做的是将有序列表分为两部分显示Javascript 如何在两个垂直部分显示li(像报纸一样并排显示站点),javascript,jquery,html,css,Javascript,Jquery,Html,Css,所以我要做的是将有序列表分为两部分显示 <li>hi</li> <li>hi</li> <li>hi</li> <li>hi</li> <li>hi</li> <li>hi</li> <li>hi</li> <li>hi</li> <li>hi</li> <li>
<li>hi</li> <li>hi</li>
<li>hi</li> <li>hi</li>
<li>hi</li> <li>hi</li>
<li>hi</li> <li>hi</li>
<li>hi</li> <li>hi</li>
我该怎么做
你是说
您可以创建两个ol块并向左浮动,也可以使用我推荐的建议列计数。您不需要将ol块放在div中,它们是块元素,就像div是块元素一样。p也是一个块元素,因此也不需要放入div中。使用display:inline block或float表示li和width:50%这是一篇文章
<div class="post">
<h2 class="title">Mywebsite <small>orderedlist</small></h2>
<div style="clear: both;"> </div>
<div class="entry">
<p><a href="#" class="image-shadow"><img src="http://i.imgur.com/qS86202.jpg" width="500" height="150" alt="" /></a></p>
<p>
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>d</li>
<li>e</li>
<li>f</li>
</ol>
</p>
</div>
</div>
ol {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
}