gpt4 book ai didi

css - 使文本出现在中心图像下方

转载 作者:行者123 更新时间:2023-11-28 10:14:34 24 4
gpt4 key购买 nike

我希望“Hello World”文本恰好显示在网站上图片的下方。

Fiddle .

<div><img src="http://i.imgur.com/W8lz0xc.png?1">
<p>Hello World</p>
</div>

最佳答案

定位整个事物而不仅仅是图像

html,
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #FEEDDA;
;
}
.wrap {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
<div class="wrap">
<img src="http://i.imgur.com/W8lz0xc.png?1" />
<p>Hello World</p>
</div>

JSfiddle Demo

关于css - 使文本出现在中心图像下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31851554/

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