2014-12-07 39 views
0

我知道“如何中心的东西”的问题是有点儿讨厌和无聊,但无论如何...中心文本

我试图让一个词(“IMPRESSUM”)出现完全居中在我的WordPress页面通过把这样的事情在footer.php页脚:

<p style="float:left"><a href="http://fachschaft-intermedia.de/impressum/" title="Impressum">Impressum</a></p> 

的问题是,在同一行的左侧是版权声明(向左浮动),在右侧是主题作者信用(右移)。我尝试过不同的事情来获得单词居中(相对于页面的宽度!),但是我需要将我的单词放在与其他东西螺丝位置相同的行中。

这里是一个小提琴: http://jsfiddle.net/GinSan/2t7e3zeq/ 请注意,大部分这是动态生成的主题,我不想去触摸它。请尝试仅通过更改第3行来帮助我(即不重建整个页脚......)。另外,虽然我使用了固定宽度为1100px的测试用途,但它应该是响应式的并且保持在中心位置,而不管页面的宽度(低至640px)。 谢谢!

回答

1

只要把你的“印记”段放在页脚处,用text-align:center替换float:left即可。这里是updated fiddle

+0

这样的作品,谢谢!没有想到,因为它不会工作,一旦宽度变小,但由于段落分成三行低于640px无论如何...:D 此外,直到你的答案,我没有意识到“Impressum “实际上并不是英语中的单词°ω°(尽管这是德语) – MoritzLost 2014-12-07 22:33:21

0
在此运行,在您的网页时可能会定位的jsfiddle

:相对的第一个div

<div style="width:1100px"> 
    <p style="float:left">© 2014 foo</p> 
    <p style="position: absolute;text-align: center;width: 100%;"><a href="http://fachschaft-intermedia.de/impressum/" title="Impressum">Impressum</a></p> 
    <p style="float:right;text-align:right">Powered by Theme</a></p> 
</div>