html - 如何改变 td 宽度？

Question

http://serafimtsotsonis.com/dates.html

在此页面链接中，我想更改第一行，以便将整个句子拉长，并且“Serafim bla bla bla”不占用 3 行。这是因为我有 33% 的宽度限制。

我能做些什么，只在那一行改变那句话，只占一行，像其他人一样下来？

Answer 1

使用 nowrap 属性

<td nowrap="nowrap">

或使用 css（更好，因为 nowrap 属性在 html 4.01 中已弃用并且在 html5 中不存在）

<td style="white-space: nowrap">

Answer 2

您可以删除第一行中的空 middel td，并将​​该行中的最后一个 td 设置为 colspan 2。像这样：

<table cellspacing="0">
  <tbody>
    <tr class="line">
      <td>20_January 2013 </td>
      <td colspan="2" style="padding-left: 10px; ">
                    Serafim Tsotsonis mixtape 24 :00 - 01 :00 @ <a href="http://www.dinamo.fm/" target="_blank">dinamo.fm</a></td>
    </tr>

    <tr class="line">
      <td>11_January 2013 </td>
      <td></td>
      <td style="padding-left: 10px;"><a href="https://www.facebook.com/events/565108543517894/567425516619530/" target="_blank">Sporos Bar, Athens</a></td>
   </tr>
   ...

或者这不是你想要达到的？

Answer 3

I think you can use the <colgroup>tag
<colgroup>
<col width="total width of the first column" />
<col width="*" />
</colgroup>

注意：如果列的宽度很宽，请使用此选项