html - 相对于 CSS 中的可用空间居中文本

Question

<div style="width: 300px">
<div id="one" style="float: left">saved</div><input type="submit" id="two" style="float: right" value="Submit" />
</div>

我希望 div#one 在父 div 的左边缘和提交按钮的左边缘之间的空间居中。

Answer 1

还有几种方法:

<div style="width: 300px">
    <input type="submit" id="two" style="float: right" value="Submit" />
    <div id="one" style="text-align:center;">saved</div>
</div>

很难说 saved 文本没有居中在容器 div 的左边缘和提交按钮的左边缘之间。

下面是上面的精确版本:

<div style="width: 300px;">
    <input type="submit" id="two" style="float: right; width:64px;" value="Submit" />
    <div id="one" style="text-align:center;margin-right:64px;">saved</div>
</div>