旋转木马文本对齐

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

问题在于，滑动时，文本会在对齐中心之前垂直对齐顶部。我想我在这里做错了什么。

<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>

谢谢。

来源

2014-01-26 user774150

在转换过程中，新的活动div.item从类prev或next中接收绝对位置。这门课被分配几秒钟。

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

这就是问题的原因。

真正的问题是.carousel-inner不打算有填充。要获得填充样式，您必须将填充填充到.carousel或将您的.carousel-内部填充到填充的div内。

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

http://jsfiddle.net/QYMZb/6/

来源

2014-01-26 03:32:34

如何赫克你可以认识到这一点没有他的真人版？（试图自己发布一个新的问题交换哈哈）。 –

它在应用top：35px后可以工作，但是转换仍然不够流畅并且文字有些重叠。 – user774150

使用萤火虫我看到一些鬼类正在设置几秒钟，我手动把它们，并找到绝对属性。 –

旋转木马文本对齐

回答

相关问题