一千萬個為什麽

搜索

圖像鏈接之間的CSS間隙無緣無故

我一直試圖讓這個水平導航現在排序過去幾個小時,沒有任何工作。我試過reset.css樣式表,* {padding:0;保證金:0)等我的圖像鏈接之間仍然存在間隙。

你看,導航是由內聯顯示的無序圖像鏈接列表組成,但每個圖像之間,左,右,上,下都有間隙,我看不出原因。在所有瀏覽器中都是一樣的。

Here is a link to the page, and so source: Beansheaf Temporary

Link to css: CSS file.">http://pentathlongb-yorkshire.co.uk/tomsmith/Beansheaf/styles/fund2.css

該網站的其余部分顯然還沒有完成,這只是我現在擔心的導航。

最佳答案

為避免浮動導航 li ,您必須至少有兩個選項來刪除內聯元素之間的空格。


Note that the closing tag is closed on the subsequent line (except for the last one), which is valid and maintains readability (for me, at least).

另一個選擇稍微麻煩一點

  • <!-- -->
  • <!-- -->

只需使用html註釋 <�! - ... - > 來註釋掉原本會折疊成單個空格的空格。

我希望有一些方法可以指定(例如):

ul li img {whitespace: none-between; }

轉載註明原文: 圖像鏈接之間的CSS間隙無緣無故