浮动和垂直对齐

发布于 2024-12-27 14:18:11 字数 323 浏览 1 评论 0原文

我有一个带有动态数据库(php 和 mysql 循环)的表,其中包含图像和文本(图像名称)。 在 TD 中,我使用图像左侧浮动来使文本位于右侧,并且还使用图像右侧边距。但现在我想让文本对齐到 TD 的底部。代码如何制作?

<table>
<tr>
<td>
<img style="float:left; margin-right:12px;" src="pic.png">
text text... .( vertical-align:bottom )
</td>
</tr>
</table>

I have a table with dynamic database (php and mysql loop) with image and text (name of image).
Within the TD I use float left to the image to make the text to the right, and also using margin-right to image. But now I want the text align to the bottom of TD. How to make the code?

<table>
<tr>
<td>
<img style="float:left; margin-right:12px;" src="pic.png">
text text... .( vertical-align:bottom )
</td>
</tr>
</table>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

狼亦尘 2025-01-03 14:18:11

你试过这个吗?

<td valign="bottom">sumthere here</td>

我通常为我工作。也尽量避免不必要的浮动和边距。如果您先放置,则图像将始终放置在文本之前。

希望它有帮助:)

have you tried this

<td valign="bottom">sumthere here</td>

I usually works for me.. also try to avoid unnecessary floats and margins. If you place first, your image will always be placed before text.

Hope it help :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文