在div内部对齐链接中的文本

时间:2014-10-02 19:48:22

标签: html css

我已经尝试了很长时间..但我无法在链接内部对齐一段文本,这是在div内部。 这听起来真的很混乱。这是我的一个例子:

http://jsfiddle.net/caoj5c36/

当你滚动时可以看到" Pygame"我想要描述"即将推出......"在按钮内居中。

有什么建议吗?

我尝试过使用

text-align: center;

在我的css脚本中的每个可能的html标签组合

2 个答案:

答案 0 :(得分:3)

这是因为p绝对定位。它会使元素流动不足......因此,您必须将其扩展到父a的100%宽度,然后您可以使用text-align: center < / p>

Updated JsFiddle

#button_layout #info_text {
    /*description is invisible until hover */
    font-size: 16px;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

答案 1 :(得分:2)

简单:

#button_layout #info_text { 
    width: 100% 
}

因此,您的链接具有div的宽度,以使文本居中于其中。

您不应该使用这样的ID。 ID应仅在页面上使用一次,而是使用类。