即使使用reset.css，也無法刪除div之間的額外邊距/填充

我一直在嘗試我認識的所有過去1.5小時的內容，無法找出這一點。實際上，我可以告訴，邊距和填充是在0，但是，包含div到目前爲止，莫名其妙地4px寬和1px高於包含圖像。我不知道這是從哪裏來的。即使使用reset.css，也無法刪除div之間的額外邊距/填充

事情很少，其可能會導致此：

我通過javascript設定的圖像的最大寬度和最大高度的窗口的大小。
我正在使用表格，表格單元格和內嵌塊的組合來設置我需要的印刷方式。
也與身體和HTML 100％的寬度和高度
工作這是一個的Tumblr主題定製

代碼明智的，它很難把整批在這裏（從頭雖然起步），所以現在，我只是給出鏈接。

希望如果這個問題能夠解決，我將能夠在這個問題中發佈問題代碼，以便將來可以參考。

鏈接：http://syndex.me

感謝

來源

2011-10-13 RGBK

您的問題可能值得注意的是，您網站上的圖片*可能不適合人們在工作時瀏覽*。我想幫助你，但我不能在辦公室的屏幕上坐着。 ** [編輯：澄清，這不是'色情'，但有一個基本上裸體女人的大圖像] ** – mwan

很高興我讀了你的評論@ mwan，不是任何人都在乎這裏，但它仍然是非常尷尬。 –

對不起。嗯，而不是刪除它，雖然:-)是的，它不是色情，但它是活潑的。 – RGBK

在這種情況下，我無法使用float：left，因爲似乎沒有可靠的方法來實現使用它的中心對齊div系列。答案很簡單，內嵌中心對齊的包裝器/子序列中的任何標記都需要在它們之間沒有空白，並且應該用一行連續的代碼包裝。非常愚蠢，但它在這種情況下100％有效。

來源

2011-10-14 00:20:19 RGBK

因爲你用display: inline-block和申報單由空格分隔您有div S之間的空間。就像你會在不同的線上寫字母一樣：它們會在它們之間出現一個空白區域。由於相同的原因發生垂直空白區域 - 圖像顯示爲內聯，並且瀏覽器爲行高保留一些空間。解決方案是使用display: block和float: left作爲div，使用display: block作爲圖像。

來源

2011-10-13 21:53:03 deviousdodo

歡呼聲，但不會破壞我的中心陣容嗎？ – RGBK

會的，但你仍然可以中心浮動。這裏有一個例子：http://jsfiddle.net/XeX8x/ – deviousdodo

只要整個div的數量不會超過一行，這種方法就行得通。一旦線路斷開，它就會回到浮動狀態。 http://jsfiddle.net/XeX8x/9/ Intersting。此外，在我的網站上，當它加載第一個圖像時，它居中，但其他圖像加載後立即點擊回到左側。我猜這是因爲它以某種方式打破了左側和右側的概念？ – RGBK

對這傢伙的意思是？

.post.photo { 
    display: inline-block; 
    position: relative; 
    height: 100%; 
}

你很可能沒有考慮保證金，你正在尋找文本空白。由於該div被定位爲內嵌塊，因此其行爲類似於內聯元素，例如單詞或<strong>標記。如果您刪除開始/結束標記<div>之間的空格，您的「空白」將會奇蹟般消失。

如果您使用內嵌塊定位，line-height: 0和font-size: 0是您最好的朋友;他們關閉了任何有效的空白，雖然他們非常醜陋。在大多數情況下，浮球是更好的解決方案。

請參閱The Fashion Spot上的#column_content和#column右側，以查看正在使用的內嵌塊列。

來源

2011-10-13 21:53:11

我真的認爲這可以做到這一點。該死的。那些空間還在那裏。但是你說的是有道理的。我甚至將這些CSS值放在html，body {}中，但仍然沒有運氣。我正在查看該屬性的空白區域，但沒有「無」的選項。 – RGBK

你可以隨時使用這個技巧：

<！ - ohnoes whitespace！ - >

.. –

即使使用reset.css，也無法刪除div之間的額外邊距/填充

回答

相關問題