消除元素之間的橫向空白

我是新來的html/css世界，隨着我學習，爲我的企業設計一個簡單的網站（沒有Flash，沒有電子商務，只是信息 - 簡單！）。這可能是一個非常基本的問題 - 我希望它是 - 但我無法在任何數量的論壇中找到它。事實上，大多數詢問的人都試圖做相反的事情。我指定XHTML的頁面，並使用HTML表格（我知道，我知道，但我仍然試圖讓我的手圍繞CSS div，而且我希望問題可能不會消失，反正）。我有一排淺灰色背景。在第二行中，第一個單元格具有橙色背景。兩者之間是兩個白色像素，所以顏色不會觸及。我有邊距，邊框和填充都設置爲0，我沒有做任何事情擺脫這些白色的行。除了提到的設置，我也嘗試設置一個固定的邊框，這沒有效果。這兩個火狐3.6和IE 8消除元素之間的橫向空白

發生在總結問題：

這是使用表的功能？
如果是這樣（或者即使不是這樣），一旦我找出它們，將使用DIV解決問題嗎？
我可以忽略其他一些解決方案嗎？

我正在尋找這樣做嚴格使用HTML和CSS，沒有其他語言。我一直在使用電腦超過30年，但我認真做過的最後一個編程是在FORTRAN 77中，而我對3GL或4GL語言（一小部分PERL，測試工具中的一些腳本語言，我對UNIX腳本非常瞭解，並且可以讀取但不寫VB和C系列）。

來源

2011-02-04 Dave

你需要爲表看起來像這樣的HTML：

<table cellspacing="0" cellpadding="0">

，但你真的應該做的div。他們遠遠優於他們將解決您的問題。

來源

2011-02-04 22:44:20

這就是爲什麼我在這裏問 - 我想我會得到一個快速的迴應。之前沒有看到對這些屬性的引用。那就是訣竅;謝謝！ – Dave 2011-02-04 22:46:17

是的，StackOverflow非常快。如果這樣不能解決問題，那麼也可以嘗試拋出一個`border =「0」`。請記住，如果您發現這是正確的答案，只需點擊複選標記以確認它是正確的答案。 – 2011-02-04 22:47:47

聽起來像它可能是單元格填充或單元格間距問題。請嘗試this文檔。它還提供了一個檢查html的快速方法。

來源

2011-02-04 22:46:26 phaxian

同cellspacing=0只是CSS：

table { 
    border-collapse: collapse 
}

而且cellpadding=0是：

table td, table th { 
    padding: 0; 
}

剛剛給你看的CSS方法太:)

來源

2011-02-04 22:50:24 aorcsik

消除元素之間的橫向空白

回答

相關問題