SafariとChromeでli値がli番号より下にプッシュされる理由を理解するのに苦労しています。IEとFFでは正常に見えます(すべて直線)。私が何を意味するかを確認するには、各ブラウザで以下を参照してください。
フローティングdivではなくli内のテーブルを使用してこれを複製しようとしましたが、同じ結果が得られます。
なぜこれが起こっているのか、そしてこの問題を解決するためにcssまたはhtml、あるいはその両方を更新する方法を知っている人はいますか?
ありがとう!
SafariとChromeでli値がli番号より下にプッシュされる理由を理解するのに苦労しています。IEとFFでは正常に見えます(すべて直線)。私が何を意味するかを確認するには、各ブラウザで以下を参照してください。
フローティングdivではなくli内のテーブルを使用してこれを複製しようとしましたが、同じ結果が得られます。
なぜこれが起こっているのか、そしてこの問題を解決するためにcssまたはhtml、あるいはその両方を更新する方法を知っている人はいますか?
ありがとう!
私はフロートなしで実用的な解決策を考え出すのに時間を費やし、次のことを思いつきました。これを必要とする人のために、それは次のとおりです。
私は以前そのような問題を抱えていました。これを引き起こすのはフロートです。
floatプロパティを削除し、代わりにマージンとパディングを使用することができます。
それがあなたの特定の問題を解決するかどうかはわかりませんが、すべての css とほとんどの div を取り除くと、数字は入力の横に並び、「X」は入力の右側にうまく収まります。
<div>
<ol>
<li>
<input>
<button>x</button>
</li>
<li>
<input>
<button>x</button>
</li>
</ol>
</div>