居中对齐文本到div的底部

基本上我在div的底部找到了我喜欢的文本，但问题在于它是左对齐，我希望它位于div的中心。居中对齐文本到div的底部

CSS3

#article-footer { 
    width: 100%; 
    margin: 0 auto; 
} 

#article-footer { 
    position: relative; 
    width: 70%; 
    float: left; 
    font-weight: bold; 
    font-size: 23px; 
    color: #354175; 
} 

#article-footer span{ 
    position:absolute; 
    bottom: 0; 
}

来源

2013-12-19 SecretWalrus

使用文本对齐：中心为 – Rex

你有HTML代码？ –

是的HTML5，但CSS几乎可以解释它，文本只是三个字“买*卖*贸易” – SecretWalrus

#article-footer span{ 
position:absolute; 
bottom: 0; 
left:50%; 
margin-left:-50%;}

来源

2013-12-19 18:48:50 n1kkou

没有工作，试过了一会儿。 – SecretWalrus

然后，你应该看到什么规则覆盖它。使用'！important'是一个坏主意 – n1kkou

使用这段代码的一个版本进行了编辑了一下。谢谢您的帮助。 – SecretWalrus

使用此

text-align: center !important ;

来源

2013-12-19 18:49:21 sush

这是有效的，我通常不喜欢使用！重要的规则，如果我能避免它，因为它可能会使任何人想在将来改变我的代码更加困难。 – SecretWalrus

居中对齐文本到div的底部

回答

相关问题