2014-04-21 58 views
0

我已經關閉了最後一個話題,因爲認爲它已經完全回答了,但是現在看來並不是這樣。 鏈接:Space between two td or tr tags 行高:0;在這裏並不是很有用,因爲在最初的工作中,我很明顯地和其他東西做了一件事情,事情就是,這行代碼將所有內容合併到一個非常小的行中,除了圖像,我猜。我知道我可以做的行高:0;到特定的td,而不僅僅是td,但這裏的要點是擺脫td之間的空間,因爲它曾經在html 4,我想。 希望some1知道答案 謝謝!td之間的空間 - 再次

的'範例'

<table class="main-table-default"> 
    <tr> 
     <td> 
      <table class="main-table-header-default"> 
       <tr> 
        <td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0"> 
        </td> 
       </tr> 
       <tr> 
        <td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0"> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     </td> 
    </tr> 
    <tr> 
     <td>random text<br><Br> 
     </td> 
    </tr> 
</table> 

我已經得到了解決,我的意思只是讓日子會把你知道... 但它是非常難看。 我想要解決這個問題的方法是,對特定的td做一個line-hight 0,然後在該特定的td中對其他td做100%的line-hight,但這太瘋狂了......必須有另一個td方法來解決它。其他方式非常難看:/

+0

的隊友請發表你的代碼,簡單地說出最新的問題,在另一個老問題中,一些人發佈了答案,我什麼都看不到任何空間。 – Banana

+0

兄弟,我知道,但是如果你嘗試用某些文本來製作其他文本,它會將所有文件都粉碎成一行。這是這裏的問題。 – user3556123

回答

0

它總是很好地添加reset.css在開始擺脫不必要的空間。我想你沒有做到。暫且添加以下CSS

CSS:

table, tbody, tfoot, thead, tr, th, td 
{   
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 

table 
{ 
     border-collapse: collapse; 
     border-spacing: 0; 
} 

小提琴:http://jsfiddle.net/KEK98/

發展的啓動過程中確保,要包括reset.css

+0

感謝您的重置CSS。我現在將包括這樣一件重要的事情,因爲可能沒有其他辦法來解決它,因爲我已經用「醜陋的代碼」來完成它了。 – user3556123

+0

@ user3556123重置CSS總是很好。它可以將跨瀏覽器問題降低到90%。如果我的答案能夠解決您的問題,請檢查它:) –

0

在關閉TD元素之前不要放置任何空格(包括換行符)。

相反的:

<td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0"> 
       </td> 

寫:

<td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0"></td> 

另外,根據您的文檔類型,你可能想省略結束</td>標籤。