HTML - 图像子弹间距

时间:2018-01-15 13:44:46

标签: html css html5

我正处于一个项目的中间,为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;中的文字也正在向下迁移。

这是我在这里的第一篇文章,我非常感谢任何建议。

0 个答案:

没有答案