Css automatic line feed and css line feed

Css automatic line feed and css line feed

 

Method 1: first fix the table width, that is, give the table a width value (numerical value, non-percentage)

 

 

Method 2: force line breaks

Div {// white-space: Do not wrap; normal default; nowrap forces all text to be displayed in the same row until the text ends or encounters the br object white-space: nowrap ;}

 

 

Method 3: automatic line feed

Div {word-wrap: break-word; // word-break is set to force line breaks. normal text rules for Asian and non-Asian languages allow word-break wrapping within words: normal ;}

 

 

Method 4: force an English word to break a line

Div {word-break: break-all ;}

Note:

Define the following sentence in CSS to prevent the webpage from being "opened:

 

 

 

Table {table-layout: fixed;} td (word-break: break-all; word-wrap: break-word ;)

 

 

Prevent the table/layer from being "opened", and ensure that a single English word is not separated during the branch:

Table {table-layout: fixed; word-wrap: break-word ;}

Div {word-wrap: break-word ;}