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

发布网友发布时间：2022-04-06 11:11

共5个回答

热心网友时间：2022-04-06 12:40

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}

热心网友时间：2022-04-06 13:58

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

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

热心网友时间：2022-04-06 15:33

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

热心网友时间：2022-04-06 17:24

热心网友时间：2022-04-06 19:32

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