gpt4 book ai didi

html - 如何将垂直和水平居中的文本对齐到图像的右侧?

转载 作者:行者123 更新时间:2023-11-28 03:43:55 24 4
gpt4 key购买 nike

我正在使用 jQuery Mobile 开发移动网站,并希望在我的“可折叠”元素中使用图像。

我的代码如下:

    <div data-role="collapsible" data-collapsed="true">
<h3><img src="images/combo_a_small.jpg" style="width: 40px; height: 40px;" alt="Indian Food" />Combos</h3>

图像显示正确,但文本总是粘在图像的右下角。

如何使文本在图像右侧垂直和水平居中对齐?谢谢。

最佳答案

这个 fiddle 应该可以工作

http://jsfiddle.net/rogerblanton/xNUuz/

long story short 将图像 float 到 h3 左侧,并为 h3 指定一个等于图像高度的行高,它会为您将其居中放置在图像的右侧。

谢谢!

关于html - 如何将垂直和水平居中的文本对齐到图像的右侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8269800/

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