Home > Article > Web Front-end > Space BUG_CSS/HTML
Space BUG_CSS/HTML
- WBOYOriginal
- 2016-05-16 12:10:332169browse
This article is about the use of display:inline;. When I was making a layout a few days ago, I used this effect, but it never came out. I wasted two hours and added three lines of code to solve it. Today, suddenly When I think about this, I always feel something is wrong, because my idea is right, but the effect just can’t come out; I rewrite the code and finally find the problem, it’s that damn space bug again;
below Show it to everyone so that the same problem doesn’t happen to you again;
Let’s take a look at the CSS code below first:
Copy code The code is as follows:
The following is the code for the layout:
Copy the code The code is as follows:
< div id="info">
- Website homepage
- Emotional article
- Leave me a message
- Links
The following is out Effect:
[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute ]
Saw it ? What’s the difference between IE and FIREFOX?
Look at the layout code below, I put it all on the same line:
Copy the code The code is as follows:
- Website homepage
- Emotional article
- Leave me a message
- Friendly link
Okay, let’s take a look at the last one It works!
[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute ]
A solution to the problem:
[Ctrl+A select all Note: If you need to introduce external Js, you need to refresh to execute ]
Statement：
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
Previous article：What is Unicode, what is UTF-8Next article：What is Unicode, what is UTF-8