gpt4 book ai didi

html - 将下一个和上一个箭头放在图像的任一侧

转载 作者:行者123 更新时间:2023-11-28 13:19:13 25 4
gpt4 key购买 nike

我在一个大小为 300 像素的 div 中有一个图像,我想在图像的两侧添加下一个和上一个箭头。然而,还有一个问题是,如果屏幕是 300px,我希望箭头位于图像的顶部。如何做到这一点?

我的div代码如下:

<!--this div is the container for the carousel -->
<div id='mySwipe' style='max-width:300px; margin:0 auto' class='swipe'>
<!--the images are in this div -->
<div class='swipe-wrap'id="featured">
</div>
</div>

最佳答案

.container { position: relative; }

.container .arrow { position: absolute; top: 150px; }

.container .arrow.left { left: 0; }

.container .arrow.right { right: 0; }

通过设置父级的相对定位(默认为static)和子级的绝对定位,它们将相对于父级是绝对的。

关于html - 将下一个和上一个箭头放在图像的任一侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16350141/

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