如何控制的换行

[999朵玫瑰]

										<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>换到下一行显示呢？从而可以出现下面的页面效果：
新闻 | 数码 | 家居 |
文化办公 |
交通运输| 家居 |
| 电子仪表
| 软件产品

[ouyangxiaokang6]

动态生成的页面的时候能不能拼个br或者p之类的

[sjkof]

我觉得你就让span不换行就行了吧？

[sjkof]

就是span内不产生换行

[999朵玫瑰]

[Quote=引用 1 楼 sjkof 的回复:]
我觉得你就让span不换行就行了吧？
[/Quote]

页面需要，满了必须换行

[999朵玫瑰]

没人回答啊
帮帮忙好吗

[999朵玫瑰]

就是说

频道名<span class="line">|</span>

是一体的，要换行一起换行