文本换行后垂直对齐

Question

我有一个表的列表，有2列。

列表宽度是固定的。

第一列包含文本换行if to long。

第二列将包含一个图像(示例为text)

我想让第二个TD垂直对齐在第一个TD的中间和附近，如果文本太长，则自动换行。

如下所示：

.....................................................

|Gestion des |云服务器、云服务器、云服务器|

|utilisateur|coucou应用程序、应用程序

.....................................................

|Gestion |Coucou应用程序、应用程序

.....................................................

|BLA bla bla | bla bla*|

|bla |coucou和。

美银美林|美国银行*|

.....................................................

示例：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; }