包装文本后垂直对齐

Question

我有一个包含2列的表格列表。

列表宽度是固定的 第一列包含文本换行if if to long 第二列将包含图像（样本为文本）

我想让第二个TD垂直对齐在第一个TD的中间和附近，文本包裹得太长。

像这样：
.................................................. ...
| Gestion des | |
| utilisateurs | coucou |
.................................................. ...
| Gestion | Coucou |
.................................................. ...
| 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; }