gpt4 book ai didi

jquery - 使用方向检测来确定图像的位置

转载 作者:太空宇宙 更新时间:2023-11-04 15:32:10 25 4
gpt4 key购买 nike

我在标题居中的 HTML 页面上有一个标题 (h1)。纵向模式让图像位于该标题上方,我希望在将方向更改为横向时图像位于标题的左侧。

我试过 <br>结合@media screen 和(orientation:portrait/landscape)和不同的设置没有任何进展。如果我使用 float left 图像仍然停留在标题上方的线上等。我真的不知道如何解决它..

<!DOCTYPE HTML> 
<html>
<body>
<h1><img>"picture"</img><br>Car</h1>
</body>
</html>

有人有什么建议吗?

最佳答案

希望这段代码能帮到你。

html代码

<h1><img src="img.jpg" /> <span>Call</span></h1>

普通 View 的 Css 代码

h1{
text-align:center;
}
h1 img{
display:inline;
}
h1 span{
display:block;
}

横向 View 的 Css 代码

h1 span{
display:inline;
background-color:#3CF;
position:relative;
top:-25px;
}

根据您的图像高度调整顶部位置。

关于jquery - 使用方向检测来确定图像的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13256295/

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