表在th和td中的空格后开始新行

时间:2015-07-20 09:45:00

标签: html css

我的这张桌很长:

<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个空格。可能是因为这些单词在最长的单词中不够长,无法为那些单词创建新行。

1 个答案:

答案 0 :(得分:1)

如果您想对特定单元格执行此操作,则可以使用nowrap属性,在HTML5中不支持,通过CSS完成。

如果要将其应用于所有单元格,则可以使用CSS。即:

  model.Roles = context.Roles.ToList();
  // If we got this far, something failed, redisplay form
   return View(model);