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

This article introduces the knowledge of "how to understand that there is no change in the element padding,margin,width,height in the css line". 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!

Main points:

Elements wrap before and after block elements

The elements before and after the elements in the line do not wrap

First: inline elements and width

Width doesn't work.

The code is as follows:

Span {

Width:200px

}

No change.

Second: in-line elements and height

Height doesn't work.

The code is as follows:

Span {

Height:200px

}

It's no use changing

Third: inline elements and padding,margin

The code is as follows:

Span {

Padding:200px

}

Influence left and right, not up and down

How to realize

The code is as follows:

first

first

first

The li in it is displayed on the same line and has upper and lower margins.

If you use display:inline, it's possible to display it on one line, but the upper and lower padding doesn't work.

So in this case, use float:left; to make it appear on a line, and it is also a block element, you can use the

Padding makes it work with upper and lower padding, poor students at a certain distance.

This is the end of the content of "how to understand that there is no change in the element padding,margin,width,height in the css line". 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.