2016-01-06 53 views
-1

一個小問題,如果我插入像這樣在我的指標中間的換行符:引導旋轉木馬指標在不同線路上

<ol class="carousel-indicators"> 
    <li data-target="#myCarousel" class="active"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <br /> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
</ol> 

的1對1的對應關係是在休息搞砸了!換行符是一個幾乎看不見的指示符?!

+0

這是因爲'ol'標籤可能只包含**'li'元素。 [(source)](http://www.w3.org/TR/html-markup/ol.html) –

+0


是不是一個元素? – fdsfdf

+0

要作爲指標水平對齊,「li」項可能顯示爲「內聯塊」,因此它們會隨文本一起流動。當你插入一個換行符時,之前有空格(這可能會將頂行移到左邊),並且在它之後(這會將底線右移)。因此他們錯位了。只是不要在換行符周圍留出空格和換行符,而應該沒問題。 –

回答

0

什麼亞歷克斯說做的是這樣的:

<ol class="carousel-indicators"> 
    <li data-target="#myCarousel" class="active"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li><br /><li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
    <li data-target="#myCarousel"></li> 
</ol> 

不要將換行符之間的空格。另外,你不需要在換行符中使用/。那是個老派。

+0

我已經完成了,但點擊第7個縮略圖不會點亮指示燈,點擊第8個點亮第7個指示燈,點亮第8個點,等等?另外,有點老派沒有錯! – fdsfdf

+0

如果你嘗試給第7個指標如「返回」,然後在你的CSS中返回一個類,返回:before {content:'\ A'; }? – blahblahAMYblah

+0

似乎無法正常工作? – fdsfdf