爲什麼li值低於Safari和Chrome中的列表號？

我正在努力弄清楚爲什麼李值在Safari和Chrome中被推到li數以下。在IE和FF中看起來很正常（全部在一條直線上）。請各瀏覽器中查看下面來看看我的意思是：爲什麼li值低於Safari和Chrome中的列表號？

http://jsfiddle.net/CfyQF/

我試圖複製這一使用表格李裏，而不是浮動的div，但得到了同樣的結果。

任何人都知道爲什麼會發生這種情況，我如何更新我的CSS或HTML或兩者來解決這個問題？

謝謝！

來源

2012-05-04 Mike Mike

我曾經有過這樣的問題。這是造成這種情況的浮點數。

您可以擺脫float屬性，並使用邊距和填充代替。

來源

2012-05-04 15:08:24 domvoyt

我不是很確定如何在沒有浮動的情況下實現這一目標與投入的李將是非常直接的我想象。但是我希望堅持輸入的右邊那個小「X」 - 這就是爲什麼我有「float：left」的原因。到處。 –

不知道它是否解決了您的特定問題，但是如果您將所有css和大部分div都去掉，則數字在輸入旁邊排列，'X'仍然很好地位於輸入的右側;

<div> 
    <ol> 
     <li> 
      <input> 
      <button>x</button> 
     </li> 
     <li> 
      <input> 
      <button>x</button> 
     </li> 
    </ol> 
</div>

來源

2012-05-04 15:34:20 caitriona

與@domvoyt類似。如果我調整窗口的大小，在某個點上'X'會再次下降，即使窗口被調整大小，我也希望它能保持在輸入的右側。 –

我花了一些時間，試圖拿出不彩車工作的解決方案，並與下面就來了，任何人誰需要這在這裏它是：

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

來源

2012-05-05 00:56:48

爲什麼li值低於Safari和Chrome中的列表號？

回答

相關問題