单元格的内容不换行

问答首页 → Web前端技术

0 0

单元格的内容不换行3

我做开发中，每次做遍历显示表格的时候，当单元格的内容超长时，总是会换行，很难看！请问有什么办法不然他换行

CSS

2009年7月20日 04:36

kid12342002
3
0 0 0

采纳的答案

<table>
   <tr>
     <td><nobr>内容</nobr></td>
   </tr>

</table>

2009年7月20日 04:37

yourgame
5183
0 0 0

添加评论

0 0

TD元素noWrap属性的行为与TD元素的width属性有关。

◆如果未设置TD宽度，则noWrap属性是起作用的。
◆如果设置了TD宽度，则noWrap属性是不起作用的。

http://www.blueidea.com/tech/web/2003/943.asp

楼主可以看下:

http://www.webjx.com/htmldata/2007-09-23/1190556145.html

2009年7月20日 09:06

atian25
2229
0 0 0

添加评论

0 0

<td nowrap>商品名<br></td>

加一个nowrap就可以了

2009年7月20日 08:26

pan_java
820
0 0 0

添加评论

0 0

CSS控制Table单元格强制换行与强制不换行

　　我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。

　　近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不换行的方法吗？

　　用CSS实现Table单元格数据自动换行或不换行的实现方法：

　　1、强制换行：

<style type="text/css">
.AutoNewline
{
word-break: break-all;/*必须*/
}
</style>
<table>
<tr>
<td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td>
</tr>
</table>

　　2、强制不换行：

<style type="text/css">
.NoNewline
{
word-break: keep-all;/*必须*/
}
</style>
<table>
<tr>
<td class="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>
</tr>
</table>