gpt4 book ai didi

html - BxSlider 事件点不与其余点对齐

转载 作者:行者123 更新时间:2023-11-28 16:23:59 24 4
gpt4 key购买 nike

我有以下网站 here ,当我点击旋转木马上的任何点时,事件点向上移动几个像素,在开发工具中,如果我删除事件类,它正确地向后对齐,我不确定是什么原因导致这是唯一的属性我附加到 .active 类如下:

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #0e2240;
}

padding , margin , height, width of the points 保持不变。

bxSlider 控件的 HTML 如下:

<div class="bx-pager bx-default-pager">
<div class="bx-pager-item">
<a class="bx-pager-link active" data-slide-index="0" href="">1</a>
</div>
<div class="bx-pager-item">
<a class="bx-pager-link" data-slide-index="1" href="">2</a>
</div>
<div class="bx-pager-item">
<a class="bx-pager-link" data-slide-index="2" href="">3</a>
</div>
</div>

我无法调试为什么会发生这种定位移动,有人可以指出正确的方向吗?

漏洞截图:

enter image description here

编辑:inline-block 似乎没有问题,就好像我删除了 .active 类一样,一切正常美好的。

最佳答案

只给 vertical-align:middle.bx-wrapper .bx-pager-item 类。

.bx-wrapper .bx-pager-item {    
vertical-align: middle;
}

关于html - BxSlider 事件点不与其余点对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47469002/

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