如何使表格中的内容不换行.而且要用CSS写的

html-css014

如何使表格中的内容不换行.而且要用CSS写的,第1张

<table width="160" style="table-layout: fixed">

<tr>

<td nowrap>

 怎样让这里的文字不自己换行，而超出的部分被单元格剪切掉就可以了。

</td>

</tr>

</table>

不换行的前提还有超出隐藏；

一般是以下几个配合在一起的：

overflow:hidden

text-overflow:ellipsis

white-space:nowrap

在css中能够实现换行的代码有如下几个：

1、display:block //将标签改成块元素，块元素是单独占一行的。

2、clear:both； //清除浮动实现换行。

3、white-space:break； //这个一般适用在英文文章中的折行。

可以根据上面的几个能实现换行的样式，只需要将对应标签的对应属性删除就可以了。