表中th和td

一個空格之後開始新行我有這個表很長：表中th和td

<table> 
<tr> 
<th>testtest test</th> 
<th>zxcccccccxacasdwqeqw wqeewqeqe</th> 
<th>testtetwtwewadwad wdadwad wdadwad twetewtetw etwtewtw</th> 
<th>testtetwtwetwetewtetw etwtewtw</th> 
<th>testtetwtwetwetewtetw etwtewtw</th> 
<th>testtetwtwetwetewtetw etwtewtw</th> 
<th>testtetwtwetwetewtetw etwtewtw</th> 
<th>testtetwtwetwetewtetw etwtewtw</th> 
<th>testtetwtwetwetewtetw etwtewtw</th> 
<th>testtetwtwetwetewtetw etwtewtw</th> 
</tr> 
<tr> 
<td>test test</td> 
<td>daw dawdawd awd awd awd awd</td> 
<td>d wadwaeqeeqw ewqeqwewq eqw</td> 
<td>d wadwaeqeeqw ewqeqwewq eqw</td> 
<td>d wadwaeqeeqw ewqeqwewq eqw</td> 
<td>d wadwaeqeeqw ewqeqwewq eqw</td> 
<td>d wadwaeqeeqw ewqeqwewq eqw</td> 
<td>d wadwaeqeeqw ewqeqwewq eqw</td> 
<td>d wadwaeqeeqw ewqeqwewq eqw</td> 
<td>d wadwaeqeeqw ewqeqwewq eqw</td> 
</tr> 
</table>

現在，這爲每個表頭的4線標準高度，因爲最長的示例文本有4個空間。我不希望發生這種情況。我不希望它爲每個空間創建一條新線。我怎麼做到這一點？

這也發生在td但只創建2個空格。可能是因爲這些詞最長的時間不足以爲這些人創造新的線條。

來源

2015-07-20 Loko

除了樣式（'overflow：hidden'），你可以使用''標籤。或者你可以使用' '（不間斷的空格） – Burki

@Burki nobr似乎工作，但我不認爲這是一個乾淨的做法。另外我希望它在多個表上。 – Loko

我假設你不能影響你的表頭或表格單元格的內容。在這種情況下，我會去ith樣式表，指定寬度和高度並設置溢出：隱藏。 – Burki

<html> <head> <style> th, td { white-space: nowrap;} </style> </head> <body> <table> <tr> <th>testtest test</th> <th>zxcccccccxacasdwqeqw wqeewqeqe</th> <th>testtetwtwewadwad wdadwad wdadwad twetewtetw etwtewtw</th> <th>testtetwtwetwetewtetw etwtewtw</th> <th>testtetwtwetwetewtetw etwtewtw</th> <th>testtetwtwetwetewtetw etwtewtw</th> <th>testtetwtwetwetewtetw etwtewtw</th> <th>testtetwtwetwetewtetw etwtewtw</th> <th>testtetwtwetwetewtetw etwtewtw</th> <th>testtetwtwetwetewtetw etwtewtw</th> </tr> <tr> <td>test test</td> <td>daw dawdawd awd awd awd awd</td> <td>d wadwaeqeeqw ewqeqwewq eqw</td> <td>d wadwaeqeeqw ewqeqwewq eqw</td> <td>d wadwaeqeeqw ewqeqwewq eqw</td> <td>d wadwaeqeeqw ewqeqwewq eqw</td> <td>d wadwaeqeeqw ewqeqwewq eqw</td> <td>d wadwaeqeeqw ewqeqwewq eqw</td> <td>d wadwaeqeeqw ewqeqwewq eqw</td> <td>d wadwaeqeeqw ewqeqwewq eqw</td> </tr> </table> </body> </html>

回答

相關問題