UC知道css布局，li内的文字变成竖向的了，怎么解决？
来源：百度知道 编辑：UC知道 时间：2024/05/29 23:54:52
是这样的，我好不容易才把整个页面划成几个大的div块，整整齐齐的。
之后，我在需要输入文字的div块内嵌入了
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
........
</ul>
起先没在li内输入文章标题的时候，这个嵌入了4块ul块的div层整整齐齐，
而我往li内输入文章标题的时候，不管文字是超过了li的长度，还是没超过，一行的文字并不在一个行内，而是拆成了一个一个的字竖向排列，把li的高度撑成字数高度的总和。
不知道要在css里添加什么属性，才能让li内的文字老才实实躲在同一行内呢？还有，如果文字超过了li的长度，怎么使多出的文字隐藏起来呢？
1楼，你提供的方法无效。
之后，我在需要输入文字的div块内嵌入了
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
........
</ul>
起先没在li内输入文章标题的时候，这个嵌入了4块ul块的div层整整齐齐，
而我往li内输入文章标题的时候，不管文字是超过了li的长度，还是没超过，一行的文字并不在一个行内，而是拆成了一个一个的字竖向排列，把li的高度撑成字数高度的总和。
不知道要在css里添加什么属性，才能让li内的文字老才实实躲在同一行内呢？还有，如果文字超过了li的长度，怎么使多出的文字隐藏起来呢？
1楼，你提供的方法无效。
设置了不换行把，宽度是固定的，而高度肯定自动的，所以才会拆成了一个一个的字竖向排列，把li的高度撑成字数高度的总和。
white-space:normal; 用这个换行
超过了长度的，不方便贴代码，请google css 文字超过长度
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}
之前定义了li把 你看下CSS文件中有没有li的已经定义样式了 定义样式了的话会继承，
<ul>
<li><a>123123123</a></li>
<li></li>
<li></li>
<li></li>
</ul>
li{float:left;width:100px;overflow:hidden}