gpt4 book ai didi

html - 居中对齐图像旁边的 td 中的文本

转载 作者:太空宇宙 更新时间:2023-11-03 23:42:58 25 4
gpt4 key购买 nike

此时文本是这样的

enter image description here

HTML:

<td style="vertical-align:middle;">
<img src="~/Images/Cancel.png" style="width:80px;height:80px" id="btnCancel" />
<span style="color:White;font-size:27px;font-weight:bold;">CANCEL</span>
</td>

如何垂直对齐图片旁边的文本,使其位于中间?

最佳答案

您可以删除 vertical-align:middle;从表格单元格并将该 CSS 声明应用于 <img>span>元素,如下:

<td>
<img src="http://placehold.it/100" style="width:80px;height:80px;vertical-align:middle;" id="btnCancel" />
<span style="color:black;font-size:27px;font-weight:bold;vertical-align:middle;">CANCEL</span>
</td>

WORKING DEMO .

这是因为内联元素本身默认在它们的基线中对齐。

关于html - 居中对齐图像旁边的 td 中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22350318/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com