html div不顯示其內容文字

我有一個旋轉木馬滑塊，我想給每個圖像的型號名稱。所以我使用<div>並將文本放入div。但文本不顯示，雖然這個div的背景顏色是可見的。所以需要幫助。請。如何顯示文本？我的代碼示例放在這裏html div不顯示其內容文字

HTML

<link href="bootstrap.min.css" rel="stylesheet"> 
<div id="body-content"> 
    <div class="carousel-nano" > 
      <div id="demo5" class="scroll-img"> 
       <ul> 
       <li> 
        <a href="" target="_blank"> 
         <img src="jsfiddle.net/img/logo.png"/> 
         <div style="color:red;background-color:#000;">Text goes here</div> 
        </a> 
       </li> 
       </ul> 
      </div> 
    </div> 
</div>

CSS

#body-content .scroll-img { 
    border: 2px solid #CCC; 
width: 890px; 
height: 155px; 
overflow: hidden; 
font-size: 0; 
margin-top: 2px; 
} 
#body-content .scroll-img ul { 
    margin: 0; 
    height: 58px !important; 
    background:#123456; 
} 
#body-content .scroll-img ul li a img{ 
    width: 140px; 
    height: 100px; 
    margin: 0; 
} 
#body-content .scroll-img ul li { 
    display: inline-block; 
    margin: 0px 0 0px 0px; 
    border-right: 10px solid #EEE; 
} 

#body-content #demo5.scroll-img ul { 
    width: 1500px; 
} 
#body-content #demo5-btn { 
    width: 680px; 
    padding-top: 10px; 
} 
#body-content .carousel-nano{ 
margin:0 auto; 
padding:0px; 
text-align:center; 
width:960px; 
} 
#search-image{ 
margin: 0px auto; 
padding: 0px; 
float: left; 
width: 66px; 
height: 103px; 
}

jsfiddle

來源

2014-10-16 Rasel

'font-size：0;' – jurgemaister 2014-10-16 10:30:45

@jurgemaister非常感謝你 – Rasel 2014-10-16 10:33:46

嘗試增加字體大小這裏

#body-content .scroll-img { 
    font-size : 12px; 
}

您的font-size爲零。請參閱更新FIDDLE。

來源

2014-10-16 10:30:07 Gautam3164

非常感謝Gautam3164 – Rasel 2014-10-16 10:34:37

變化

#body-content .scroll-img { 
    border: 2px solid #CCC; 
    width: 890px; 
    height: 155px; 
    overflow: hidden; 
    font-size: 0; 
    margin-top: 2px; 
}

到

#body-content .scroll-img { 
    border: 2px solid #CCC; 
    width: 890px; 
    height: 155px; 
    overflow: hidden; 
    font-size: 14px; 
    margin-top: 2px; 
}

來源

2014-10-16 10:39:47

謝謝你Vijish Vijayan – Rasel 2014-10-16 10:47:37

的事情，我已經注意到了，你剛纔提到字體大小= 0;這對您造成了問題。

字體大小設置要在屏幕上打印結果文字的大小屬性。 so increase font-size = 5px;至少看到結果。

休息很好。謝謝&繼續編碼。 :)

來源

2014-10-16 10:47:44

html div不顯示其內容文字

回答

相關問題