网页中<li;分列显示

Posted yaodaos

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页中<li;分列显示相关的知识,希望对你有一定的参考价值。

<style type="text/css">
.my ul
width: 410px;

.my li
width: 200px; /*如果显示三列 则width改为70px*/
float: left;
display: block;

</style>
<div class="my">
<ul>
<li>金鳞岂是池中物</li>
<li>一遇风云便化龙</li>
<li>九霄龙吟惊天变</li>
<li>风云际会潜水游</li>
<li>那些花儿</li>
<li>那些花儿</li>
</ul>

</div>

如果显示的文字多而换行显示了,就调节宽度

以上是关于网页中<li;分列显示的主要内容,如果未能解决你的问题,请参考以下文章

在HTML网页中如何实行树状图显示呀

列表标签

网页中用DIV CSS控制下拉菜单怎么实现

动态分列显示

html

网页怎么做才能让ul li中点击li里面任何位置都能转移到a的链接里面去