CSS force-wrapping CSS force-do-not-wrap CSS Method

Previously, we summarized the line feed and CSS writing without line feed for div. However, if a table cell knows only one attribute of nowrap, it will not wrap.

This is required recently, but it is found that nowrap will still wrap in some cases! Helpless, isn't there a way to force line breaks?

Baidu gave me a bit of relief and found a solution to the problem.

Use CSS to automatically wrap or not wrap table cell data

1. Automatic line feed:<Br/> <style type = "text/CSS">. autonewline {word-break: Break-all; /* required */} </style> <Table> <tr> <TD class = "autonewline"> automatic line feed, automatic line feed automatic newline, automatic newline, automatic newline </TD> </tr> </table> <p>
[Ctrl + A select all Note: If you need to introduce external JS, You need to refresh it to execute]

2. Do not wrap:CopyCodeThe Code is as follows: <style type = "text/CSS">
. Nonewline
{
Word-break: Keep-all;/* required */
}
</Style>

<Table>
<Tr>
<TD class = "nonewline"> no line breaks, no line breaks </TD>
</Tr>
</Table>