在多行內輸入tds全部在單個tr內

嗨每一個，我需要在多行內輸入td值，這些行都在單個tr內。我嘗試過這樣但不能實現它。在多行內輸入tds全部在單個tr內

<table class="table"> 
<tr style="margin-bottom:10px;border:5px solid lightgrey;width:700px"> 
<td style="width:500px">.... </td> 
<td style="width:300px">.... </td> 
<td style="width:500px">.... </td> 
</tr> 
</table>

我認爲，因爲TDS提到寬度將換到下一行，但它是增加超過700像素的TD寬度我無法得到期望的輸出後not.Even。請幫我解決這個問題。

來源

2013-01-02 user1929687

你是什麼意思的「多行」可以顯示一些示例輸出。 – CRDave

使用Div而不是TD – Sree

@CRDave：在某種意義上，多行代碼行，比如第一行代表第一行，第二行代表第二行，等等。 – user1929687

設置你的TD元素display: block;這將迫使他們到新行：

.table td { display: block; }

例如：jsFiddle

來源

2013-01-02 09:22:32

：你知道了..謝謝.. :) – user1929687

如何使如果我在每一行3 TD –

使用的第一行：

table tr td:nth-child(1) 
{ 
    background-color:red; 
}

使用第二行：

table tr td:nth-child(2) 
{ 
    background-color:yellow; 
}

等。

爲了支持IE 7 & 8需要使用：

td:first-child + td

用於所述第三第一第二線

td:first-child + td + td

。

等。

要支持IE6，您需要使用Javascript。

$(function() { 
    $('td:first-child').addClass("Class1"); 
    $(".table-class tr").each(function() { 
     $(this).find('td:eq(1)').addClass("Class2"); 
     $(this).find('td:eq(2)').addClass("Class3"); 
    }); 
});

這將添加一個類，你可以調用

來源

2013-01-02 09:17:41 Ladineko

你的意思是這樣的....

TD1
TD2
TD3

如果，你爲什麼不使用

<table> 
    <tr> 
     <td>TD1</td> 
    </tr> 
    <tr> 
     <td>TD2</td> 
    </tr> 
</table>

或者如果你想組的TDS一個TR

<table> 
    <tr> 
     <td> 
      <table> 
       <tr> 
        <td>TD1</td> 
       </tr> 
       <tr> 
        <td>TD2</td> 
       </tr> 
       <tr> 
        <td>TD3</td> 
       </tr> 
      </table> 
     </td> 
    <tr> 
<table>

順便說一句，如果這是不使用TD的TDS信息必須的，你可以試試這個：

<table> 
    <tr> 
     <td> 
      TD1 information<br/> 
      TD2 information<br/> 
      TD3 information<br/> 
     </td> 
    <tr> 
<table>

來源

2013-01-02 09:20:05

@邁克爾·法雅，我需要精確地爲u提到，但我需要在單個tr中實現它。 – user1929687

已更新，但不知道這是你想要的 –

在多行內輸入tds全部在單個tr內

回答

相關問題