如何控制的换行

999朵玫瑰 999朵玫瑰 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
										<c:forEach var="bean" items="${topBean}" varStatus="name">
<td width="80" height="20" class="menu">
<a href="${bean.tolocation}" target="_parent"><span align="center">${bean.channelname}</span></a>
<span class="line">|</span>
</td>
</c:forEach>


<span>是自动换行的。如果是做静态页面,很好控制。但是我这里要做一个动态生成的页面,所有频道名称都是从数据库读取的,长度不一:2-6个汉字。这样页面就乱了,产生了以下的页面效果:
新闻 | 数码 | 家居 |
文化办公 | 交通运输
| 电子仪表 | 软件产
品 | 。。。。

我如何才可以控制一下,如果某个 频道名| 长度需要换行,就用一个<br>或者</tr>换到下一行显示呢?从而可以出现下面的页面效果:
新闻 | 数码 | 家居 |
文化办公 |
交通运输| 家居 |
| 电子仪表
| 软件产品

...全文

相关推荐

浅析css html span 块状不换行问题

如果设置display:inline-block,则span并列在同行,而且width属性生效,下面为大家介绍下span 块状不换行问题

weixin_38724247

css控制文字前的小图标具体写法

字前的小图标在一些列表展示中特别的有用,本文会介绍一些实现的此效果的具体方法,感兴趣的你可不要错过了哈,希望本教程对你有所帮助

weixin_38744557

css给span加float:right右浮动后内容换行下移

在div css布局中 当span标签右浮动时会产生换行狭义的现象,于是网上搜集整理一下,晒出来和大家分享,希望可以帮助你们

weixin_38501751

HTML span标签详解[项目代码]

本文详细介绍了HTML中的<span>标签,包括其定义、用法、语法格式及属性设置。<span>标签主要用于组合文档中的行内元素,以便通过样式对其进行格式化。文章指出,<span>标签本身并无格式表现,需应用样式才能产生视觉变化。此外,<span>标签是内联元素,不同于块级元素如<div>和<p>标签,它不会产生换行效果。文章还提供了多个实例,展示了如何通过CSS为<span>标签设置样式,包括字体颜色、大小、背景颜色等。最后,文章总结了<span>标签的主要用途和属性,强调了其在网页布局和样式设置中的重要性。

tech5

white-space:nowrap的应用

在web2.0的概念中,标签是个时常出现的东东,可是在设计时中文不象英文那样在表现标签云时表现的那么好,主要是中文词组的成为标签后,有时会出现长标签在标签云中被断行的问题。今天发现有人在问这个问题,以前遇到过,没有解决,这次乱试竞然被我试出来了,主要是用 d

weixin_38672794
评论 6
收藏 已收藏
分享
返回顶部
999朵玫瑰
Web 开发 81,108 成员 341,721 内容