html - 在表格行中对齐图像和文本

标签 html css html-table alignment vertical-alignment

我有一张这样的 table :

<table>
<tbody>
<tr>
<td valign="middle;"><img src="icon.jpg" style="vertical-align: middle;" />title</td>
<td valign="middle;">detail</td>
</tr>
</tbody>
</table>

我希望图像、标题和细节在一行中对齐,因此我将 valign 应用于 3 个元素。但效果不佳,因为图像只能与标题对齐,而图像+标题不能与细节对齐。请帮忙。

最佳答案

valign 属性的值中删除 ;

关于html - 在表格行中对齐图像和文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12770873/

相关文章:

javascript - 编辑并点击回车后,在下一个 html 输入中设置焦点

javascript - 建立响应式缩略图画廊

html - 当背景图像中有多层时,如何在 CSS 中仅模糊一层?

html - ul 子弹未对准

css - 应用程序/资源中的 Assets 未上课

html - 如何实现显示:table div with additional,合并行?

javascript - 我需要比较 html 表的行中的数据

php - 使用关联数组将记录从mysql动态显示到表中

jquery - 表中的文本字符串添加到使用 jquery 的选择选项

javascript - 如何在 Laravel 中通过 URL 在 href 标签上执行 javascript 函数