Home > Web Front-end > HTML Tutorial > How to solve the overflow of content in css div_html/css_WEB-ITnose

How to solve the overflow of content in css div_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:48:16
Original
1072 people have browsed it

When we usually layout, some text content will exceed the height that exceeds our limit, and some pictures will burst the DIV, making the web page misaligned and confusing. CSS style implements a method to automatically hide content that exceeds the width and height of the DIV border. In this way, we need to solve how to use CSS to automatically hide content that exceeds the set CSS width and CSS height without breaking the DIV layout.
Especially in IE6, if the content exceeds the height and width of the object, it will be burst and increase in height. At this time, we can use the following solutions.
Solve the CSS style
At this time, we can use the CSS overflow style to solve the problem: the corresponding style overflow:hidden

Div{overflow:hidden}
After setting this way, if the DIV object is set to a certain width and height, then Adding overflow:hidden will hide content that exceeds the width and height of the DIV, including images.

1. Hide text content that exceeds the width and height of the object.

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template