javascript - 换行后垂直对齐

标签 javascript html css html-table alignment

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

列表宽度是固定的。
如果太长,第一列包含文本换行。
第二列将包含一个图像(示例是文本)

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

像这样:
..................................................... ...
|管理| |
|utilisateurs |凑凑 |
..................................................... ...
|孕育|凑凑 |
..................................................... ...
|BLA bla bla bla bla | |
|bla bla bla bla bla bla |coucou |
bla bla bla bla bla | |
..................................................... ...

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

问题出在我列表的第一行

最佳答案

听起来您可能希望第二个单元格(带有图像)垂直对齐到顶部?

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

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

jsfiddle

关于javascript - 换行后垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6847093/

相关文章:

css - Safari 绝对定位的 div 在滚动时消失

javascript - 由ajax调用加载的页面中文本框上的Jquery按键事件

javascript - 如何使用 JS 将十六进制代码添加到 HTML 元素(内联样式)

Javascript 无法隐藏某些 DIV

javascript - HTML 元素的选择范围

javascript - 如何选择数据切换折叠的父级?

javascript - 在主干路由中包含根

html - 带图像的页脚将所有文本保留在图像右侧

html - 为什么这个 Bootstrap 轮播不工作?

javascript - 附加可拖动到动态创建的座位表