我已经尝试了很长时间..但我无法在链接内部对齐一段文本,这是在div内部。 这听起来真的很混乱。这是我的一个例子:
当你滚动时可以看到" Pygame"我想要描述"即将推出......"在按钮内居中。
有什么建议吗?
我尝试过使用
text-align: center;
在我的css脚本中的每个可能的html标签组合
答案 0 :(得分:3)
这是因为p
绝对定位。它会使元素流动不足......因此,您必须将其扩展到父a
的100%宽度,然后您可以使用text-align: center
< / p>
#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应仅在页面上使用一次,而是使用类。