Overflow attribute application-no line breaks. A ellipsis is displayed for more than one row.

OverflowAttribute-OriginallyIEThe property developed by the browser on its ownCss3And is supported by other browsers.

Specifies the display method for content that cannot be accommodated in the box.

Overflow:HiddenText that exceeds the allowed range is hidden.

Overflow:Scroll DivThe element has a fixed horizontal and vertical scroll bars.

Overflow:AutoHorizontal or vertical scroll bars appear only when the text exceeds the limit

Overflow:VisibleDisplays the effect and does not useOverflowSame as attribute

Overflow-x,Overflow-yYou can specify the display method when the content in the horizontal or vertical direction is out of the box range. The scroll bar appears.

Text-Overflow: The ellipsis (...) is displayed in the horizontal direction. (White-space:NowrapSo that the content on the right side of the box cannot be displayed with a line break .)

 

. Text{Width:200px;Overflow:Hidden;Text-Overflow:Ellipsis;-O-text-Overflow:Ellipsis;-WebKit-text-Overflow:Ellipsis;-Moz-text-Overflow:Ellipsis;White-space:Nowrap;}
 

 

text instances text instances text instances text instances text instances text instances text instances