CSS3 Web page Making Tutorial: Overflow property More than one line shows ellipses

Article Introduction: Overflow attribute-does not wrap, more than one line shows ellipses.

Overflow Properties-Properties originally developed by IE Explorer, are supported by other browsers because they are used in CSS3.

Specifies the method to display for content that cannot fit in the box.

Overflow:hidden is hidden for text that is outside the fit range.

Overflow:scroll Div element appears with a fixed horizontal scroll bar and vertical scroll bar

Overflow:auto horizontal scroll bar or vertical scroll bar when text is out of demand

Overflow:visible displays the same effect as when the Overflow property is not used

Overflow-x, overflow-y can individually specify the display method when the contents of the box are exceeded in the horizontal or vertical direction. A scroll bar appears.

Text-overflow: Sets the ellipsis in the horizontal direction of the content. (White-space:nowrap allows the contents of the right side of the box to be wrapped.) ）

. text{

width:200px;

Text-overflow:ellipsis;

-o-text-overflow:ellipsis;

-webkit-text-overflow:ellipsis;

-moz-text-overflow:ellipsis;

White-space:nowrap;

}

Text instance text instance text instance text instance text instance literal example text instance literal instance text instance literal instance text instance literal instance text instance text instance text example text instance literal instance literal instance text instance text example text Word instance Text instance text instance text instance literal instance text instance text example text instance type example literal instance text instance type instance literal instance literal instance text instance text instance text example text instance text instance literal instance Text instance text example Instance text instance text instance text instance text instance text instance text example literal case word