如何设置css让元素不自动换行

html-css06

如何设置css让元素不自动换行,第1张

关于css让元素换行限制如下:

1强制不换行 div{ white-space:nowrap}

2自动换行 div{ word-wrap: break-wordword-break: normal}

3强制英文单词断行 div{ word-break:break-all}

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

<tr>

<td nowrap>

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

</td>

</tr>

</table>

强制不换行

div{

white-space:nowrap

}

自动换行

div{

word-wrap: break-word

word-break: normal

}

强制英文单词断行

div{

word-break:break-all

}