[英]Formatting ordered list for IE
我有一個可以在最新版本的Chrome,Firefox和Opera中正確顯示的列表,但是在IE 8、9和10版本中, <div>
的數字和文本之間有很大的空格。
我該如何修理? list-style-position
必須在inside
,因為我需要在數字和文本下添加背景圖片。 絕對定位不是一個好的解決方案,因為文本可能很長。
<style>
ol {
list-style-position: inside;
background-color: silver;
font-size: 180%;
padding: 0px;
}
li {
border: solid 1px;
}
div {
font-size: 50%;
display: inline-block;
}
</style>
<ol>
<li><div>aaa</div></li>
<li><div>bbb</div></li>
</ol>
把它寫在你的身體標簽上
<!--[if IE]>
<style>
ol {
list-style-position: inside;
background-color: silver;
font-size: 180%;
margin-left:-0.5%;
}
li {
border: solid 1px;
position:relative;
}
div {
font-size: 50%;
display: inline-block;
position:absolute;
padding-top: 8%;
padding-left: 12%;
}
</style>
<![endif]-->
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.