Html 相对于CSS中可用空间的中心文本 保存的

我希望div#one集中在父div的左边缘和submit按钮的左边缘之间。

列出了许多技巧

但是，如果您只是希望“保存的”文本居中，我认为您需要为#1指定一个宽度，例如

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

保存的

还有一些方法：

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

---

这是CSS普遍存在的问题的一个例子，即无法计算各种布局中的“剩余空间”

我遇到过这样的情况：（a）需要精确的布局，（b）不知道浮动项的大小

例如：

[----占剩余空间100%的输入字段----][宽度未知的按钮]

你可能会认为这是可能的，但好吧，你必须使用表格来实现这一点。CSS中甚至没有关于将来如何解决这个问题的建议。叹息

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