gpt4 book ai didi

jquery - 垂直对齐

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

我需要将一些文本置于 <div> 中或 <span>标签。
我设置了 display:table-cell .成功了。
但我想为它制作动画(使用 jQuery)。但这不起作用,因为显示设置回 display:block .我不想要那个,因为它显示不正确。

有没有人知道如何做到这一点?

(如果您需要我使用的代码,请告诉我。)

<div id="container">
<ul>
<li id="1">
<span id="spanimg1">Lorem Ipsum</span>
<img id="img1" src="1.jpg" />
</li>
<li id="2">
<span id="spanimg2">Lorem Ipsum</span>
<img id="img2" src="2.jpg"/>
</li>
<li id="3">
<span id="spanimg3">Lorem Ipsum</span>
<img id="img3" src="3.jpg"/>
</li>
</ul>
</div>

<style>
#container {
width: 400px;
height: 400px;
position:relative;
margin: auto;
vertical-align:middle;
}

li {
margin: 0;
padding: 0;
}

ul {
margin: 0;
padding: 0;
list-style-type:none;
}
li span {
position:relative;
background:black;
width:400px;
height:80px;
text-align:center;
color:white;
display:none;
z-index:1000;
vertical-align:middle;
}
img {
position:absolute;
display:none;
}
.showimg {
display:block;
}
.show {
display:table-cell;
vertical-align:middle;
position:absolute;
}
</style>

最佳答案

升级到 jQuery 1.4.3 或更高版本获得了在动画中显示 table-cell 的支持。

关于jquery - 垂直对齐 <span> 或 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4923433/

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