換行后垂直對齊

Question

我有2列的表格列表。

列表寬度是固定的。
如果太長，第一列包含換行。
第二列將包含圖像（示例為文本）

我想讓第二個TD垂直對齊在第一個TD的中間和附近，如果文字太長，則將其包裹起來。

像這樣 ：
................................................... ...
| Gestion des | |
|實用程序| coucou |
................................................... ...
|手勢| Coucou |
................................................... ...
| BLA bla bla bla bla | |
| bla bla bla bla bla bla bla | coucou |
bla bla bla bla bla | |
................................................... ...

該示例： http : //jsfiddle.net/3db8U/

問題在我列表的第一行

Answer 1

聽起來好像您想要第二個單元格（帶有圖像）垂直對齊到頂部？

您可以將第二個td樣式設置為vertical-align:top如下所示

<tr cellpadding="0" >
    <td>...</td>
    <td style="vertical-align:top">
        <a href="#sub5-1">coucou</a>
    </td>
</tr>

jsfiddle

Answer 2

如果第一列中的文本也應該在中間，請使用以下命令：

table { table-layout:fixed; }
table td { vertical-align:middle; word-wrap:break-word; }

否則，還給它一個類並像這樣重寫：

table td.firstcolumn { vertical-align:top; }

或使用:first-child選擇器：（但瀏覽器對此仍然缺乏支持）

table td:first-child { vertical-align:top; }