怎么做才能改变td宽度?

时间:2013-01-18 20:38:48

标签: html css html-table

http://serafimtsotsonis.com/dates.html

在这个页面链接中我想改变第一行,以便整个句子被拉伸,而“Serafim bla bla bla”不需要3行。这是因为我有33%的宽度限制。

我能做些什么,只改变那条线和句子只占一条线,就像其他线一样?

3 个答案:

答案 0 :(得分:2)

使用nowrap属性

<td nowrap="nowrap">

或使用css(更好,因为nowrap属性在html 4.01中已弃用且在html5中不存在)

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

答案 1 :(得分:0)

你可以删除第一行中的空中间td,并将​​该行中的最后一个td设置为2的colspan。如下所示:

<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>
   ...

或者这不是你想要达到的目标吗?

答案 2 :(得分:0)

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

注意:如果列的宽度为

,请使用此选项