Question

css布局，li内的文字变成竖向的了，怎么解决？

是这样的，我好不容易才把整个页面划成几个大的div块，整整齐齐的。

之后，我在需要输入文字的div块内嵌入了

<ul>

<li></li>
<li></li>
<li></li>
<li></li>
........
</ul>

起先没在li内输入文章标题的时候，这个嵌入了4块ul块的div层整整齐齐，
而我往li内输入文章标题的时候，不管文字是超过了li的长度，还是没超过，一行的文字并不在一个行内，而是拆成了一个一个的字竖向排列，把li的高度撑成字数高度的总和。

不知道要在css里添加什么属性，才能让li内的文字老才实实躲在同一行内呢？还有，如果文字超过了li的长度，怎么使多出的文字隐藏起来呢？
1楼，你提供的方法无效。

Answer 1

li内的文字变成竖向了，可以通过css对LI的样式进行定义和修改：
1、给Li设置浮动。加上 float:left
2、对LI设置好相应的宽度width和高度height
3、通过overflow:hidden对超出li宽度的隐藏
相应代码为：
li{float:left;width:200px;height:30px;line-height:30px;overflow:hidden}

Answer 2

设置了不换行把，宽度是固定的，而高度肯定自动的，所以才会拆成了一个一个的字竖向排列，把li的高度撑成字数高度的总和。

white-space:normal; 用这个换行
超过了长度的，不方便贴代码，请google css 文字超过长度

Answer 3

之前定义了li把 你看下CSS文件中有没有li的已经定义样式了 定义样式了的话会继承，

Answer 4

<ul>

<li><a>123123123</a></li>
<li></li>
<li></li>
<li></li>

</ul>

Answer 5

li{float:left;width:100px;overflow:hidden}