HTML表格对齐图像和文本

概述在一篇示例文章中,我添加了一个html表,其中包含2列,左列用于图像,右列用于图像描述. 问题是,右栏上的文字描述位于图像下方,就像图像强制文本分成另一行一样. 这是我使用的示例代码： <table><tr><td>Image.jpg</td><td>Image.jpg description</td></tr><tr><td>Image2.jpg</td><td>Image2.jp 在一篇示例文章中,我添加了一个HTML表,其中包含2列,左列用于图像,右列用于图像描述.

问题是,右栏上的文字描述位于图像下方,就像图像强制文本分成另一行一样.

这是我使用的示例代码：

<table><tr><td>Image.jpg</td><td>Image.jpg description</td></tr><tr><td>Image2.jpg</td><td>Image2.jpg description</td></tr></table>

你可以在这里看到问题On this page

解决方法 你只需要将style =“vertical-align：top”添加到td

或者vertical-align：中间,如果你想将文本放在行的中间

总结

以上是内存溢出为你收集整理的HTML表格对齐图像和文本全部内容，希望文章能够帮你解决HTML表格对齐图像和文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。