html - td 幅を変更するにはどうすればよいですか?

Question

http://serafimtsotsonis.com/dates.html

このページのリンクでは、文全体が引き伸ばされ、「Serafim bla bla bla」が 3 行にならないように 1 行目を変更したいと考えています。これは、33% の幅制限があったためです。

その行だけを変更し、他の行と同じように 1 行だけを占めるようにするには、どうすればよいでしょうか?

Answer 1

nowrap 属性を使用する

<td nowrap="nowrap">

またはcssを使用する（nowrap属性はhtml 4.01で廃止され、html5には存在しないため、より良い）

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

Answer 2

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

注：列の幅が広い場合はこれを使用してください

Answer 3

最初の行の空の 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>
   ...

それとも、あなたが達成したいのはトリスではありませんか？