css中一个li如何换行呢

只写一个li如何让里面的文字自动换行,像这样,最终显示的效果也是这样子:<li>苹果火龙果橘子梨</li>... 只写一个li 如何让里面的文字自动换行,像这样,最终显示的效果也是这样子:
<li>
苹果
火龙果
橘子

</li>
展开
 我来答
韦康宁lp

2020-11-19 · TA获得超过1.7万个赞
知道大有可为答主
回答量:1.5万
采纳率:82%
帮助的人:452万
展开全部
为了帮助网友解决“css div里的ul li换行问题”相关的问题,布客网通过互联网对“css div里的ul li换行问题”相关的解决方案进行了整理,用户详细问题包括:这种怎么控制他字数不够自动换一行显示??我是用jsp开发的一个项目这样显示不太雅观!用jstl循环输出<ulstyle="width:auto;overflow:hidden;zoom:1;list-style-type:none;padding...这种怎么控制他 字数不够自动换一行显示??我是用jsp开发的一个项目 这样显示不太雅观!用jstl循环输出<ul style="width:auto;overflow:hidden;zoom:1;list-style-type:none;padding:0"> <c:forEach var="item" items="${item}" > <li style="width:auto;padding:0"> <h4>${item.key}</h4> </li> <c:forEach var="list" items="${item.value}"> <a href="type.do?typeId=${list.typeId}&operate=toType">${list.typeName}</a> |  </c:forEach> </c:forEach> </ul>怎么判断啊?? 教会我 我就加分啊 感谢啊展开,具体解决方案如下:
用户提供的回答1:
width不要auto。设定一个固定值。
另外汉字会自动换行,英文的貌似不能。
用line-height控制行高;
用户提供的回答2:
你可以用CSS搞定!给UL或LI设置一个宽度就行,显示超过了宽度就会换行。
用户提供的回答3:
定义宽度 然后高度自动.行高设好.如果高度也定的话虽说也能出来.但难看.
用户提供的回答4:
给li设一个宽度值。
CSS ul宽度大于外部宽度 ul中li自动换行,怎么让他...
答:外层div设个可见区域宽度,同时益处隐藏。 li左浮动,接下来是重点啦!!!! 设置ul宽度,设一个大一些的值,例如5000px,或者用脚本来动态计算赋值也行。这样就能实现你想要的效果。哎,当初刚学时这都不叫事,好久没用了,现在也遇到这个问题...
CSS里面的divulli它们之间是什么样的关系
答:css里面没有关系; html里面,ul是li的父类,他们和div都没有关系
css 如何控制ul li 每行显示几个并换行 像table效...
答:给li加上宽度就可以了. 例如: ul{width:500px;list-style:none;} ul li{width:100px;float:left;margin-right:15px;line-height:20px;} 这样li的宽度就会像一个个100px大小的块一样在宽度为500px的ul里排列.并且每个li之间间隔15px
css如何设定实现li中内容底部对齐?
答:1.简单的静态页面 如果仅仅是几个图片的话就放到一个表格中 然后对其方式 垂直对其 选中底部 2.对于动态网页 也就是图片不固定的 可以吧一个图片和下面的文字放到一个Div中 然后 div的属性设float=left 这样在一个div中就可以很灵活的控制了 对...
css ul li 如何实现 横向排列
答:因为li是块级元素,默认占一行的,要想实现横向排列,一般通过以下两个方法: float:left 这样设置有一个问题,li浮动以后则脱离了文本流,即不占位置,如果它的父级元素有具体的样式且没有固定宽高,建议父元素清除浮动,或者设置固定宽高 disp...
css中Li的横向排列自适应宽度的问题
答:当父元素和子元素都没有定义宽度的情况下实现水平居中: display:inline-block 可以使用text-align:center和display:inline-block相结合,这个技巧需要一个父元素。 1、HTML代码: 代码如下: Home … 2、CSS代码: 代码如下: .navbar { text-align:...
怎么通过CSS来修改UL里LI之间的行间距呢?
答:使用css语句:line-height 通过设置不同的line-height值得到不同间距。 代码: 效果: 扩展资料: line-height的可以设置三种方式:像素,百分比,数值。 参考资料:w3school--line-height
CSS问题希望<li><a></a><span></span></li>在同一行
答:span 已经右浮动了,还少一步 把span放到文字的前面就好了。可以试试! 2012-8-13风水世家
ul li嵌套布局css该怎么写
答:nav ul li {overflow:visible;} nav ul li ul {width:100%;}
DIV+CSS ul li 不显示 是怎么会事情。急急急
答:.content6-1 ul li{width:700px;height:390px;position:absolute;top:0;left:0;display:block;}你的第三行代码,将none改成block,像上面那样。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
茹度亦果甲织必21
2018-04-21 · TA获得超过529个赞
知道小有建树答主
回答量:441
采纳率:0%
帮助的人:60.9万
展开全部
把代码贴完整。包括文件头的申明类型。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式