旋轉木馬文本對齊

我是網絡開發新手。目前，我正面臨旋轉木馬中文字對齊的問題。旋轉木馬文本對齊

問題在於，滑動時，文本會在對齊中心之前垂直對齊頂部。我想我在這裏做錯了什麼。

<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

使用螢火蟲我看到一些鬼類正在設置幾秒鐘，我手動把它們，並找到絕對屬性。 –

旋轉木馬文本對齊

回答

相關問題