Javascript 旋转式文本对齐

我是网络开发新手。 目前，我在旋转木马中面临文本对齐问题

JS小提琴在这里

它的问题是，文本在滑动时会先垂直对齐顶部，然后再对齐中心。我想我做错了什么

<div id="myCarousel" class="carousel slide"  style="width:400px; height:200px;"> <!-- slider -->
                <ol class="carousel-indicators middle">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner row-padded">

                    <div class="item active" style="width:340px; height:120px;">
                        "fdfdsfdsfds fsfsdf sfsdfs fasf sasdfasdf asdfasdf asdfasdfas sdfafs"

                    </div>

                    <div class="item" style="width:340px; height:120px;">
                        " asdfsadfasd fasdfasdfasd fasdfas dfasdfasdf asdfasfdsa"
                    </div>
                    <div class="item" style="width:340px; height:120px;">
                        fsfafdsfas asd fsa f as fas f asdf asdfasdf asdf as fa sdf asf sd asdf asdf asdfa sdf asd f asd sda 
                    </div>
                </div>
            </div>
    </div>
</div>

“FDSFDSFDS fsfsdf sfsdfs fasf SASDFASDFASDFASDFASDFASDFAS sdfafs”
“asdfsadfasd fasdfasdfasd fasdfas dfasdfasdfasdfasdfsa”
fsfafdsfas asd fsa f as fas f asdf asdf asdf asdf asdf as fa sdf asf sd asdf asdf asdfa sdf asd sda

---

谢谢

在转换期间，新的活动div.item从类prev或next接收绝对位置。这节课分配了几秒钟的时间

.carousel-inner > .next, .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}  

这就是问题的原因

真正的问题是。旋转木马内部并不是用来填充的。要获得填充样式，必须将填充赋予.carousel或将.carousel内部包裹在填充的div中

<div id="myCarousel" class="carousel slide row-padded">
    <div class="carousel-inner">
    </div>
</div>

---

没有他的直播版，你是怎么知道的？（我试图自己在exchange lol上发布一个新问题）。在应用top:35px后，它可以工作，但转换仍然不那么平滑，文本也有一些重叠。使用firebug，我看到一些ghost类被设置了几秒钟，我手动放置它们并找到了绝对属性。@user774150。旋转木马内部不能有填充。将其包装在您的行填充类中。