How to understand that the inline element padding,margin,width,height of css has not changed
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!
