css force line break css css method to force no line break_Experience exchange

I have previously summarized the css writing methods of Div line breaks and non-line breaks. But for table cells, we only know one attribute, nowrap, which can prevent it from wrapping.

I have had this need recently, but found that adding nowrap will still cause line breaks in some cases! Unfortunately, is there no way to force no line breaks?

After doing some Baidu, I was very pleased. I really found a way and the problem was solved.

Use CSS to realize automatic line wrapping or non-wrapping of table cell data

1. Automatic line wrapping:

<style type="text/css"> .AutoNewline { word-break: break-all;/*required*/ } </style> <table><tr> <td class="AutoNewline">Auto line wrapAuto line wrapAuto line wrapAuto line wrapAuto line wrapAuto line wrapAuto line wrapAuto line wrapAuto line wrapAuto line wrapAuto line wrapAuto line wrap Automatic line wrapping, automatic line wrapping, automatic line wrapping</td> </tr></table>
[Ctrl A Select all Note:If you need to introduce external Js, you need to refresh to execute]

2. No line breaks:

Copy code The code is as follows:

No line break, no line break, no line break, no line break, no line break, no line break, no line break, no line break, no line break, no line break