html – 在同一行上居中和定位元素

概述我有一个关于中心和定位元素的问题.我在左边有一个文本块,在这种情况下只有一个单词,它应该居中并与电子邮件在同一行. nav { text-align: center;} <address> <a href="#">Some text</a> <br> hi(at)mail.com</address><nav> <a href="#">about</a></nav> 我试 我有一个关于中心和定位元素的问题.我在左边有一个文本块,在这种情况下只有一个单词,它应该居中并与电子邮件在同一行.

nav {	text-align: center;}

<address>  <a href="#">Some text</a>  <br>  hi(at)mail.com</address><nav>  <a href="#">about</a></nav>

我试图将地址浮动到左侧,但导航器不再位于中心位置.任何想法如何实现这一目标？它必须简单,但我只是不知道如何.

编辑

导航应该以整个视口为中心,我当前的答案是绝对定位导航并将左右设置为0.但我不知道这是否是最好的方法.

应该是什么样的：

解决方法 我不知道这是不是最好的方式,但它看起来像你想做的

nav {left:50%;	text-align: center;}address{  float:left;}

<address>  <a href="#">Some text</a>  <br>  hi(at)mail.com</address><nav><br/>  <a href="#">about</a></nav>

总结

以上是内存溢出为你收集整理的html – 在同一行上居中和定位元素全部内容，希望文章能够帮你解决html – 在同一行上居中和定位元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。