How to deal with css overflow and line breaks

1. Overflow processing

1, processing blanks

When the text is too long and cannot be displayed in the container, whether to wrap the line

Properties:white-space : normal / nowrap

normal :Adopt browser default settings

nowrap :No line breaks

2、Text overflow

How to deal with overflow,If you want to hide the overflow content, Consider using this attribute.

Note: This attribute must be used in conjunction withoverflow:hidden

Attribute: text-overflow

Value:

1、clip, cut, cut at the waist

2,ellipsis, use...(ellipsis) to represent the undisplayed content

：

1.      
     
   longlonglonglonglonglonglonglonglonglong无法在框中容纳
   
    
   longlonglonglonglonglonglonglonglonglong无法在框中容纳
   
    
   longlonglonglonglonglonglonglonglonglong无法在框中容纳
     

   Copy after login

二、line break

Note: only valid for English

1

By default, use the browser default form, does not destroy the word structure

Destroy the structure of the word

、Text line break

Destroy the word structure to change the line

In the space in the half-angle state, change the line

     
  
this is a longlonglonglonglongtext,如何换行？


 
this is a longlonglonglonglongtext,如何换行？


 
this is a longlonglonglonglongtext,如何换行？
  

The above is the detailed content of How to deal with css overflow and line breaks. For more information, please follow other related articles on the PHP Chinese website!