2016-01-06 52 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