A detailed introduction to overflow hiding

In the P layout, some of the text content will exceed the overflow of our limit height, some pictures will burst Div, so that the page dislocation chaos. What should I do if the content overflows the container and exceeds the width and height that the container limits? You can hide the text overflow part or use the ellipsis instead, how to implement it? This article tells you how to use line breaks, ellipses, and so on to solve these overflow problems. First, the use of line break to solve the overflow problem 1. How to solve the problem of text overflow with Word-wrap Word-break:break-all and Word-wrap:break-word are often used to solve long string wrapping problems. Word-break:break-all in Ie6/7/chrome/safari as a faction, showing the tail truncation, and Ff3.0/opera performance as invalid. Both the long word wrap display and the overflow boundary. Word-wrap:break-word in Ie6/7/chrome/safari for a long word for a line, and then show no more than cut. The Ff3.0/opera is also ineffective. 2.

1. Overflow concealment: The most comprehensive solution to the content overflow problem using CSS

Introduction: In the div layout, some of the text content will exceed the overflow of our limit height, some pictures will burst Div, so that the page dislocation chaos. What should I do if the content overflows the container and exceeds the width and height that the container limits? This article tells you how to use line breaks, ellipses, and so on to solve these overflow problems.

2. Firefox/ie browser Flash transparent, CSS force does not wrap, overflow hidden

Introduction: Firefox/ie browser Flash transparent, CSS force does not wrap, overflow hidden

3. thinkphp in the Volist output Content section display? Such as

Introduction: thinkphp volist output Content part of the display? How to show the content of the performance part------Solution--------------------This can be solved with CSS problems, set height, then overflow hidden, or PHP intercept character length------solution-------------------- <td>{$vo. content|msubstr=0,100}<

4. thinkphp volist output Part of the display? Such as

Introduction: thinkphp volist output Content part of the display? How to show the content of the performance part------Solution--------------------This can be solved with CSS problems, set height, then overflow hidden, or PHP intercept character length------solution-------------------- <td>{$vo. Content------Resolution Party

5. thinkphp volist Output Part of the display? Such as

Introduction: thinkphp volist output Content part of the display? How to show the content of the performance part------Solution--------------------This can be solved with CSS problems, set height, then overflow hidden, or PHP intercept character length------solution-------------------- <td>{$vo. Content------Resolution Party

6. thinkphp in the Volist output Content section display? Such as

Introduction: thinkphp volist output Content part of the display? How to show the content of the performance part------Solution--------------------This can be solved with CSS problems, set height, then overflow hidden, or PHP intercept character length------solution-------------------- <td>{$vo. content|msubstr=0,100}</t

7. Web production TD can also overflow hidden display _html/xhtml_ Web page production

Introduction: Look back to see TABLE:TD also play Overflow:hidden.

"Related question and answer recommendation":

How do I get the height of the inner element after the overflow is hidden?

JavaScript-multi-line overflow hidden, text overflow after direct display ..., back with Read more link, jump to the details page

Html-javascript How to achieve the sliding effect method?

JavaScript-How to get the height of internal elements after overflow hiding?