在我的div标签我/文本将不会显示

问题描述：

enter image description here

我不能让我的标签正确显示。

这是我如何创建我的盒子之一：

<div class="tl-box-wrapper"> 
    <div class="tl-box"> 
     <div class="tl-top"> <i class="fa fa-circle yellow"></i> 

     </div> 
     <div class="tl-bot"> <i class="fa fa-circle yellow"></i> 

     </div> 
     <div class="tl-right">Yellow</div> 
    </div> 
</div>

正如你所看到的，我创建了我的标签，在这里：

<div class="tl-right">Yellow</div>

我不知道为什么黄未显示。

有人能告诉我我错过了什么吗？我的整个代码是在这个Fiddle。

为什么你的CSS文件中有这么多行？ – Devon 2015-04-04 20:05:21

请忽略它，稍后我会清理它。 – ihue 2015-04-04 20:05:52

下次在提问之前清理它，让那些试图帮助你的人更容易。 – Devon 2015-04-04 20:06:51

答

编辑与以下你的CSS：

.tl-right { 
    width:80%; 
    height:100%; 
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 

    // ADD THIS 
    font-size:20pt; 


}

看到fiddle我做

您在.MP传送带＃MP-旋转木马溢出代码包含字体大小：0pt这basicly意味着你的字体是不可见的。

所以我的问题是我的文字颜色是白色的，这就是为什么我看不到它。对？ – ihue 2015-04-04 20:05:27

@ rangerover.js否您的字体大小为0，这使您的代码不可见。颜色可以忽略看编辑。 – 2015-04-04 20:06:19

@ rangerover.js一个提示，你可以检查你的代码与铬，右鼠标检查元素。您可以在右侧看到元素样式，请参阅：https://developer.chrome.com/devtools/docs/dom-and-styles – 2015-04-04 20:15:16

答

由于.mp-carousel #mp-carousel-overflow将您的font-size设置为0，您的文本未显示。您可以将font-size:14px添加到.tl-right来解决此问题。

https://jsfiddle.net/mxwjtjxw/10/

Your Fiddle将我的div推到下一行。 – ihue 2015-04-04 20:15:23

我看到，不是将'.mp-carousel＃mp-carousel-overflow'设置为'font-size：0'，而是将'font-size：14px'添加到'.tl-right'来避免这种情况。 https://jsfiddle.net/mxwjtjxw/10/ – 2015-04-04 20:21:56

在我的div标签我/文本将不会显示

相关推荐