css - 左侧 float 图像右侧的列表

标签 css image list

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

<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。

我不想把列表属性放到里面。

如果我给图片添加右边距,非 ul 文本也会被移动,我不想要它。

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

我该如何管理它?

最佳答案

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

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

关于css - 左侧 float 图像右侧的列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13032319/

相关文章:

python - 如何在 Python 中快速定位屏幕上的内容?

python - 如何在 python 中的条件下对列表进行排序?

java - 无法将元素添加到 JavaFX 中的 ObservableList (UnsupportedOperationException)

python - 将列表元素插入列表列表的 Pythonic 方法?

css - 为什么我的页面高度没有停止?

css - 有人可以帮助我使用像 "each"这样的 Rails 迭代器吗?

jquery - Div 框阴影仅在 2 侧?

php - 为什么使用 Spry 菜单会杀死我的 <p> 标签?

image - Safari 不在图像上显示 'alt' 文本?

Java - 如何将图像添加到资源