HTML表格如何使同線三條TR

我的問題是，將有absoultey滾動，因爲我有很多tr增加，但如果我做三tr在同一行，我不會有問題

你能幫我請三個tr在同一行嗎？

當我的代碼是這樣的：

#agentsTable tr { 
    min-width:100%; 
    max-width:100%; 
}

它是在一個特定的行每個TR，但後來我試着這樣做：

#agentsTable tr { 
    width:30%; 
    display:inline-block; 
}

，當你在的jsfiddle看到，細胞之間有許多空的空間。

什麼，我想這樣做是具有在同一線三條TR，但應該具有相同的寬度，沒有任何空間

來源

2015-09-12 Marco Dinatsoli

爲什麼不使用TD和嵌套表？ – Damian0o

爲什麼要使用表格，如果你依靠浮動？這需要回應嗎？ – Bryan

你需要改變你的HTML來解決這個問題。

在每個<tr>中放置三個<td> s。表格行（tr）包含一組表格單元格（td - 代表表格數據） - 您可以根據需要在tr中包含儘可能多的td。

Like this jsfiddle here

<tr > 
    <td class="talkingAgentClass">somthing</td> 
    <td class="talkingAgentClass">somthing</td>  
    <td class="talkingAgentClass">somthing</td> 
</tr>

注意，以acheive效果我也改變了CSS，去掉display: inline-block;和應用width: 33%;到<td>

最後，爲了使代理頭跨度三列，使用colspan='3'就像你can see here

來源

2015-09-12 17:17:12

試試這個：

#agentsTable td { 
    display:block; 
}

https://jsfiddle.net/sb73g9kr/7/

來源

2015-09-12 17:21:40

我覺得你在這裏後是可以做上面的例子說明了什麼（使用TD的，因爲他們應該被使用）。不知道爲什麼你要使用一個表，如果你要使用CSS來使它像其他事情一樣。

如果要保留表格，請選擇上述答案，否則更改標記並更改CSS以使用塊元素和浮點數來實現此行爲。

CSS規則來實現這一行爲：

.agentLabel, .talkingAgentClass{ 
box-sizing:border-box; 
width:29%; 
margin:0 2% 10px; 
float:left; 
height:90px; 
text-align:center; 
min-width:100px; 
}

See this fiddle for example.

還要注意的div使用輔助跨度，這是保持在div的垂直對齊文本。

玩得開心。

來源

2015-09-12 17:45:20 Bryan

-1

你的問題本身就是錯誤的HTML中的線是指表示爲TR THN如何ü可以使用TR三次在同一行的行。

來源

2015-09-12 18:38:49

HTML表格如何使同線三條TR

回答

相關問題