Question

我要做的是将我的标题放在页面中间。它与搜索栏内联，并且基于从搜索栏边缘到另一侧的距离居中。我该怎么做才能忽略搜索栏的位置？ https://jsfiddle.net/nyvxhb4h/，因此在jsfiddle中，导航菜单居中，因此标题应位于其正上方。谢谢-Kyle

这是我认为jsfiddle链接停止工作的问题区域：

#head {
    margin: 2% auto 2% auto;
    text-align: center;
}

#head h1 {
    display: inline;
}

<div id="head">
    <h1> Title </h1>
    <form action="test.asp" style="float:right; margin-right: 3%;">
        <input type="text">
    </form>
</div>

Answer 1

在form之前移动h1并将其CSS更新为position:absolute; right:0。 https://jsfiddle.net/nyvxhb4h/1/

<div id="head">
    <form action="test.asp" style="position:absolute; right:0; margin-right: 3%;">
        <input type="text">
    </form>
    <h1> Title </h1>
</div>

如何使内联元素居中

1 个答案: