【问题标题】:How to left align a link, with a centered header, on the same row of html如何在同一行html上左对齐带有居中标题的链接
【发布时间】:2015-01-16 00:44:55
【问题描述】:

我想做:

<a href="/">Home</a>
<h1>A great page</h1>

href 尽可能靠左的地方,h1 居中,并且它们都在同一层上。

我已经做了href:

<a href="/" style="display:block;float:left;">Home</a>

和h1:

text-align: center;

但是,当我这样做时,h1 不在页面上居中,而是在呈现 href 后页面上剩余的空白处居中。

如何让 h1 居中,就好像左侧的 href 不存在一样?

非常感谢您的帮助!

【问题讨论】:

标签: html css


【解决方案1】:

您可以像这样在链接上使用绝对定位:

h1 {
    text-align:center;
}

a {
    position:absolute;
    left:0;
}

这是JSFiddle

【讨论】:

  • 太棒了!谢谢!出于某种原因,我还必须在我的 href css 中添加 z-index: 10 以使链接可点击,我认为是因为我页面上的其他内容,我不太了解,但没关系..
猜你喜欢
  • 1970-01-01
  • 2022-08-21
  • 2015-07-18
  • 2022-08-19
  • 2013-03-11
  • 2021-04-18
  • 2020-08-15
  • 1970-01-01
  • 2016-11-10
相关资源
最近更新 更多