2011-07-27 38 views
0

我有一个包含2列的表的列表。包装文本后垂直对齐

列表宽度是固定的。
第一列包含文字环绕(如果长)。
第二列意愿包含的图像(用于样品是文本)

我想有第二TD verticaly在中间,并与文字第一TD如果太长包裹附近对齐。

这样子:
......................................... ............
| Gestion des |                                                             |
| utilisateurs   | coucou                                     |
................................................ .....
| Gestion | Coucou                                                 |
................................................ .....
|唧唧歪歪          |                               |
|等等等等等等等等等等等等|杜鹃          |
等等等等等等等等等等                |                                 |
................................................ .....

样本: http://jsfiddle.net/3db8U/

的问题是在我的名单的第一行

回答

0

听起来也许你想第二小区(含图片)是垂直排列的顶端?

可以将第二td样式设置为vertical-align:top像这样

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

jsfiddle

+0

号我想第二小区垂直排列于中东和近文字换行的第一个单元格因我的名单 – Nono

0

如果在第一列不宜澳大利亚游泳文字在中间,用这个:

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; } 
+0

的最大宽度我要对齐在垂直中和第一列附近的第二个TD。 – Nono

+0

那么这应该工作。 – sqwk

+0

它不起作用。我跟你交换代码,它的目的改变不了什么 - > http://jsfiddle.net/3db8U/8/。我想在中间的第二个文本,而不是在顶部和靠近第一文本 – Nono