我正处于一个项目的中间,为IE和Edge更新HTML5的几个公司内部网站点。
我需要尽可能接近旧的兼容性视图。
我真正努力的一个项目是与图像项目符号和<li>
右侧的文本间隔。
我无法通过怪癖模式确定问题。
以下是我希望他们看的方式: https://imgur.com/7Lhoack
以下是他们目前的展示方式: https://imgur.com/5cWe3VW
以下是我当前CSS的示例:
li.BulletExcel {
list-style-image: url('/common/images/bullets/icon_excel2013_16x16.png') !important;
vertical-align: middle;
margin-left: 4px;
padding-left: 0px;}
li.BulletExcel li {list-style-image: none;}
默认列表间距:
UL, OL {margin-top: .5em; margin-bottom: .5em;}
UL UL, UL OL, OL UL, OL OL {margin-top: 0; margin-bottom: 0;}
我已经使用了左边距和左边边距,但无法获得&#34; new&#34;尽可能接近&#34; old&#34; (这就是我想要的)。 &#34; new&#34;中的文字也正在向下迁移。
这是我在这里的第一篇文章,我非常感谢任何建议。