首頁 >web前端 >css教學 >空格BUG_CSS/HTML

空格BUG_CSS/HTML

WBOY
WBOY原創
2016-05-16 12:10:332234瀏覽

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 全選注:如需引入外部Js需刷新才能執行]

問題解決的一個方法:

[Ctrl+A 全選 註:如需引入外部Js需刷新才能執行
]
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:什麼是Unicode,什麼是UTF-8下一篇:什麼是Unicode,什麼是UTF-8

相關文章

看更多