<；李>；css样式（chrome问题）

你好，我有一个奇怪的css问题

我正在显示一个无序列表

  <ul>
   <li>
    <div class='align-left'>
     PMI
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='19' class="elim" name="19">
    </div>
   </li>
   <li>
    <div class='align-left'>
     GRANDS COMPTES
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='21' class="elim" name="21">
    </div>
   </li>
   <li>
    <div class='align-left'>
     associations
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='22' class="elim" name="22">
    </div>
   </li>
   <li>
    <div class='align-left'>
     PME
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='25' class="elim" name="25">
    </div>
   </li>
   <li>
    <div class='align-left'>
     ecoles privees
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='28' class="elim" name="28">
    </div>
   </li>
   <li>
    <div class='align-left'>
     organisme
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='32' class="elim" name="32">
    </div>
   </li>
   <li>
    <div class='align-left'>
     test
    </div>
    <div class='align-right'>
     <img src="/img/delete_icon2.png" id='34' class="elim" name="34">
    </div>
   </li>
  </ul>

在chrome上，列表中的项目符号实际上位于项目符号文本的下方

为什么我要这样做，我希望图像从上到下对齐

以下是该项目的截图

---

提前感谢。

尝试使用

列表样式位置

属性。选项包括

内部

和

外部

尝试使用

列表样式位置

属性。选项包括

内部

和

外部

您提供的代码不会导致此问题

根据您要执行的操作，添加

ul{列表样式类型：无；}

或

ulli{padding left:40px；}

可以达到预期的效果

编辑

尝试添加

溢出：隐藏到
li
元素

我个人也会这样做：

li { 
    background:url(/img/delete_icon2.png) no-repeat center right; 
    padding-right:25px; /*might need to adjust */
}

    <ul>
        <li>PMI</li>
        <li>Bla bla</li>
    </ul>

li{
背景：url（/img/delete_icon2.png）不在中间偏右重复；
右边填充：25px；/*可能需要调整*/
}

采购经理人指数
布拉布拉


没有必要把事情复杂化

如果你想让div可以点击，你可以这样做


和CSS：

li a{显示：块；宽度：xxx；高度：xxx；}

根据需要。
您提供的代码不会导致此问题

根据您要执行的操作，添加

ul{列表样式类型：无；}

或

ulli{padding left:40px；}

可以达到预期的效果

编辑

尝试添加
溢出：隐藏到
li
元素

我个人也会这样做：

li { 
    background:url(/img/delete_icon2.png) no-repeat center right; 
    padding-right:25px; /*might need to adjust */
}

    <ul>
        <li>PMI</li>
        <li>Bla bla</li>
    </ul>

li{
背景：url（/img/delete_icon2.png）不在中间偏右重复；
右边填充：25px；/*可能需要调整*/
}

采购经理人指数
布拉布拉


没有必要把事情复杂化

如果你想让div可以点击，你可以这样做


和CSS：

li a{显示：块；宽度：xxx；高度：xxx；}

根据需要。
我也遇到了同样的问题，您似乎无法精确控制默认项目符号的位置

对我来说，以下内容在Firefox和IE中都有效，但在Chrome中，它位于文本中：

<ul style="list-style-position: outside; margin:0; padding:0;">
   <li />
   <li />
</ul>






我需要为列表和列表项设置边距和填充，以使项目符号（磁盘）位于文本之外

<ul style="list-style-position: outside; margin:10px; padding:10px;">
   <li style="padding: 10px 0 0 3px; margin-bottom: 8px;" />
   <li style="padding: 10px 0 0 3px; margin-bottom: 8px;" />
</ul>






奇怪的是，如果我将这些底边设置为小于7像素的值，子弹就会跳进去。8px是最小的工作值，尽管元素周围和元素之间有很大的空间（它们流畅地彼此靠近，只有项目符号点开始跳跃）。
我也有同样的问题，您似乎无法精确控制默认项目符号点的位置

对我来说，以下内容在Firefox和IE中都有效，但在Chrome中，它位于文本中：

<ul style="list-style-position: outside; margin:0; padding:0;">
   <li />
   <li />
</ul>






我需要为列表和列表项设置边距和填充，以使项目符号（磁盘）位于文本之外

<ul style="list-style-position: outside; margin:10px; padding:10px;">
   <li style="padding: 10px 0 0 3px; margin-bottom: 8px;" />
   <li style="padding: 10px 0 0 3px; margin-bottom: 8px;" />
</ul>






奇怪的是，如果我将这些底边设置为小于7像素的值，子弹就会跳进去。8px是最小的工作值，尽管元素周围和元素之间有很大的空间（它们流畅地彼此靠近，只有要点开始跳跃）。
格式化问题，试图解决，一秒嗯，现在我知道了一个我不会使用的图像托管服务。两分钟超过一秒。让我来帮忙罗伯特·哈维？？？？imgur有什么问题？你应该在发布HTML时用四个空格缩进。（点击
{}
按钮）格式化问题，试图修复，一秒嗯，现在我知道我不会使用图像托管服务。两分钟超过一秒。让我来帮忙罗伯特·哈维？？？？imgur有什么问题？你应该在发布HTML时用四个空格缩进。（单击
{}
按钮）填充修复了一半的项目符号，但尚未完成任何操作。部分解决方案有效，将研究其余部分。这隐藏了要点，但这不是故意的。明天就回来了，工作日结束了，谢谢你标记为已解决的帮助，因为这部分已经解决了。如果你想得到你能得到的要点，但是你需要提供你想要的所有CSS+。理想情况下，使用jsfiddle.net或类似工具获得最佳效果。这解决了我的问题。我得到了一些奇怪的顶部填充，我无法解释，这是因为ul有一个列表式。填充修复了一半的要点，但还没有完成。部分解决方案有效，将调查其余部分。这隐藏了要点，但这不是故意的。明天就回来了，工作日结束了，谢谢你标记为已解决的帮助，因为这部分已经解决了。如果你想得到你能得到的要点，但是你需要提供你想要的所有CSS+。理想情况下，使用jsfiddle.net或类似工具获得最佳效果。这解决了我的问题。我得到了一些奇怪的顶部填充我无法解释，这是因为ul有一个列表式。对不起，我想我误解了这个问题。我以为你是