试图在一行文本中找到一个空白,如下所示:
Text: (absolute positioned field here) more text
在 Chrome 中,它将其推送到恰到好处的数量,因此“更多文本”就在该字段的右侧。在 Firefox 中,它显示的太靠左,因此文本隐藏在字段后面。
我在两者之间有一个绝对定位的字段。“更多文本”在一个跨度中,我尝试使用不同的测量单位以及使用宽度、左侧边距和位置:相对来定位它。Firefox 中的度量单位似乎更少。这基本上就是我所拥有的:
<div> Text <input /><span class="moveright"> more text </span> </div>
.moveright {display: inline-block; position:relative; left:160px}
谢谢您的帮助!
编辑:jsFiddle:http: //jsfiddle.net/7jmP4/
在小提琴中,我故意将其隔开以产生我所看到的内容。如果我在 Chrome 和 Firefox 中查看它,它完美地产生了我遇到的问题 - 在 Firefox 中,“更多文本”正在混入顶部的文本字段。