Question

我想使用外部列表属性在左浮动img的右侧正确定位ul列表，但子弹未在图像右侧对齐，因为没有任何图像，但更多在左边。

<img style="float: left; margin-right: 0.1em;" src="http://commons.cathopedia.org/w/images/commons/thumb/f/fe/Carnevale_di_Venezia.JPG/250px-Carnevale_di_Venezia.JPG" />
<ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
    <li>Lorem ipsum dolor sit amet, cnsectetur cnsecteturcnsectetur um dolor sit amet, consectetur adipiscing elit</li>
</ul>

有关更好的理解，请参阅fiddle。

我无法修改html，只能修改css。

我不想把list属性放在里面。

如果我为图像添加右边距，那么非ul文本也会被移动，我不想要它。

如果我向ul或li添加左边距或填充，则不在图像右侧的列表也会向内移动，我不想要它。

我该如何管理？

Answer 1

您可以尝试在ul标记http://jsfiddle.net/2z6Zn/61/中添加隐藏的溢出：

ul {
    padding-left: 1.2em;
    overflow: hidden;
}

Answer 2

Demo

你正在寻找吗？我不确定....如果你需要添加更多内容，请检查并解释更多...

img {
    float: left;
    margin-right: 1.9em;
     position: relative;
}

li {
    list-style-position: outside;
}
ul {
    padding-left: 1.2em;
}

列表左侧浮动图像的右侧

2 个答案: