reset css（img）

我是新來的CSS，所以有一個簡單的問題。reset css（img）

這裏是我的腳本=>

<!DOCTYPE html> 
<html> 
<head> 
<title>Default</title> 
<meta charset="UTF-8"> 
<style type="text/css"> 
    body,div,html,img 
    { 
     margin: 0; 
     padding: 0; 
     border: 0; 
    } 
    </style> 
    </head> 
    <body> 
     <div> 
      <img src="/project/pics/5.jpg" width="240" height="200"> 
      <img src="/project/pics/10.jpg" width="240" height="200"> 
      <img src="/project/pics/10.jpg" width="240" height="200"> 
     </div> 
    </body> 
</html>

所以我的問題是，儘管之間的圖像空間，這當然引起造型佈局後的一些問題，所以任何人都知道如何解決CSS復位，如何重置圖像之間沒有任何空格的CSS，謝謝...

我猜想大聲笑，它真的很簡單，只是它必須寫在一行，否則它必須聲明font-size：0;

感謝所有:)）

來源

2012-02-29 tnanoba

發生的原因是瀏覽器將圖像之間的換行符解析爲空格。圖像是內聯元素，當使用空格（或換行符）時，它們之間將具有文字空間。

要消除該問題，可以在圖像上或者float: left;或簡單地消除換行符（如將它們全部放在同一行上，標籤之間沒有空格）。
另一種解決方案是在父級上設置font-size: 0;，然後在元素本身上設置font-size: 16px;。

來源

2012-02-29 19:23:00

我猜，你是對的:)，line-height：0;刪除上面的圖像之間的空間，但哪些屬性用於側面刪除？ – tnanoba 2012-02-29 19:27:39

@Tornike嘗試設置'font-size：0px;'不需要設置行高，這需要照顧它。 – blackpla9ue 2012-02-29 19:33:55

@ blackpla9ue謝謝，它的作品，它爲什麼如此，你能解釋一下嗎？ :) – tnanoba 2012-02-29 19:35:59

對於一個完整的CSS重置使用這個代替

*{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
}

然後漂浮在圖像元素

img{ 
    float: left; 
}

來源

2012-02-29 19:19:02 blackpla9ue

我知道，但這並沒有給出區別 – tnanoba 2012-02-29 19:20:31

那......不會解決它。 – 2012-02-29 19:23:16

爲'img'設置另一個規則來設置'display：block;'或簡單地將它們浮動 – blackpla9ue 2012-02-29 19:25:08

嘗試浮動他們離開。看到這個example

來源

2012-02-29 19:21:04 jacktheripper

我怎麼知道沒有提到就可以解決這個問題，但是我無法得到它在CSS腳本中所錯過的內容 – tnanoba 2012-02-29 19:22:45

That doesn沒有道理...... – jacktheripper 2012-02-29 19:25:20

'float：left;'或使用負邊距工作。 – thepriebe 2012-02-29 19:28:28

你可以把圖像連續：

<div> 
     <img src="/project/pics/5.jpg" width="240" height="200" /><img 
      src="/project/pics/10.jpg" width="240" height="200" /><img 
      src="/project/pics/10.jpg" width="240" height="200" /> 
    </div>

或者，你可以做一些事情（，我不認爲一個css重置）來處理：

letter-spacing: -1em;

來源

2012-02-29 19:40:48 falsarella

reset css（img）

回答

相關問題