3

我正在努力弄清楚为什么 li 值被推到 Safari 和 Chrome 中的 li 数字之下。它在 IE 和 FF 中看起来很正常（都在一条直线上）。请在每个浏览器中查看以下内容以了解我的意思：

http://jsfiddle.net/CfyQF/

我尝试使用 li 内的表而不是浮动 div 来复制它，但得到相同的结果。

任何人都知道为什么会发生这种情况以及我如何更新我的 css 或 html 或两者来解决这个问题？

谢谢！

4

3 回答 3

1

我花了一些时间试图想出一个没有浮动的工作解决方案，并想出了以下内容，对于任何需要这个的人来说：

http://jsfiddle.net/zeaHu/11/

于 2012-05-05T00:56:48.600 回答
0

我以前也遇到过这样的问题。这是浮动导致的。

您可以摆脱 float 属性并使用边距和填充来代替。

于 2012-05-04T15:08:24.487 回答
0

不确定它是否能解决您的特定问题，但如果您去掉所有 css 和大部分 div，数字在输入旁边排成一行，并且“X”仍然很好地位于输入右侧；

<div>
    <ol>
        <li>
            <input>
            <button>x</button>
        </li>
        <li>
            <input>
            <button>x</button>
        </li>
    </ol>
</div>
于 2012-05-04T15:34:20.680 回答