Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "how to solve the problem of doubling margin in CSS". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

CSS skills

The problem of vertical centering of 1.div

Vertical-align:middle; increases the line spacing to the same height as the entire DIV line-height:200px; and then inserts the text, which is centered vertically. The disadvantage is to control the content and not to change the line.

2. The problem of doubling margin

Div set to float doubles the margin set under ie. This is a bug where all ie6 exists. The solution is to add display:inline to the div

For example:

The corresponding css is

# imfloat {

Float:left

It is understood as 10px*/ under margin:5px;/*IE

Under display:inline;/*IE, it can be understood as 5px*/}.

3. Double distance generated by floating ie

# box {float:left; width:100px; margin:0 00 100px; / / in this case IE produces the distance display:inline; of 200px / / causes the float to ignore}

Let's talk about block and inline in detail: the characteristic of the block element is that it always starts on the new line, and the height, width, line height and margin can be controlled (block element). The characteristic of the Inline element is that it is on the same line as other elements and cannot be controlled (embedded element).

# box {display:block; / / can simulate embedded elements as block elements display:inline; / / to achieve the effect of arranging on the same line diplay:table

This is the end of the content of "how to solve the problem of doubling margin in CSS". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.