应用了ul li后 文字怎么竖着显示？

html-css015

应用了ul li后 文字怎么竖着显示？,第1张

我觉得你应该先保存，然后在浏览器中看一下效果。我帮你度过了是正常的，

能影响它是竖的，主要是.daohang{ width:280pxheight:12pxmargin:0 autofloat:left} 中的"width:",280PX在字体大小 font-size:12px的情况下足够显示的了。如果你测试的不行也有可能你的页面有其它因素影响，你可以适当调大的宽度。

你需要记住，块是默认从新一行开始即纵向排列，而内联元素默认在一行上显示即横向排列

而ul和li默认为块元素即纵向排列，此时我们只需要把相应的转化为内联元素就可以实现横向排列

即：

<style>

#Cols li {display:block}

#Rows li {display:inline}

</style>

<div>

<ul id="Cols">

<li>ZZZZZZZZZZZ

<ul id="Rows">

<li>XXXXXXXXXXXXX</li>

<li>XXXXXXXXXXXXX</li>

<li>XXXXXXXXXXXXX</li>

</ul>

</li>

<li>ZZZZZZZZZZZZ</li>

<li>ZZZZZZZZZZZZ</li>

</ul>

</div>

意思就是html标签里的ul和li里都设置那些属性。只要有的属性都可以设置。 ul和li就是列表 追问： 他是自动套用吗？ 还有，你说Ul 和 li 是列表? 能解释吗? 谢谢. 回答： <html> <head> </head> <body> <ou> <li>aaa</li> <ui>bbb</ui> </ou> </body> </html> 列表的应该是ou吧，就这样，li是 有序 列表，可以设置前边的显示比如1，2，3或者I,II,III，ul是 无序 的，前边只显示一个黑点。只要你的网页源文件有li或者ui 标签 就会自动套用那个css了，当然先得加载css。 就是这样的