Css 左浮动图像右侧的列表
我想使用outside list属性将ul列表正确地定位在左侧浮动img的右侧,但项目符号没有对齐在图像的右侧,因为没有任何图像,而是在左侧有更多图像Css 左浮动图像右侧的列表,css,image,list,Css,Image,List,我想使用outside 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" />
<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>
- Lorem ipsum dolor sit amet,献祭精英
- 知识产权是一种财富,是一种财富,是一种财富,是一种财富,是一种财富,是一种财富,是一种财富
有关更好的理解,请参阅
我不能修改html,只能修改css
我不想把list属性放在里面
如果我在图像中添加一个右边距,not ul文本也会被移动,我不想要它
如果我在ul或li中添加左边距或填充,则图像右侧以外的列表也会向内移动,我不希望这样做
如何管理它?
那是你要找的吗?我不确定。。。。检查此项,如果需要添加更多,请进行更多解释
img {
float: left;
margin-right: 1.9em;
position: relative;
}
li {
list-style-position: outside;
}
ul {
padding-left: 1.2em;
}
您可以尝试在ul标记中添加隐藏的溢出:
把它们放在不同的分区…不,我需要在图片的右边找到与文本对齐的项目符号。更新的答案。。。那是你要找的吗?再解释一遍,你想要什么?感谢阅读,我不明白“overflow:hidden”属性在这种情况下是如何工作的。你能给我解释一下吗?非常感谢。浮动图像仅推送ul元素中的内容,而不是整个ul,它占用100%的可用空间作为块级元素。您可以通过检查元素来验证它。这就是为什么左边距不适用于ul的原因。这不是错误,您可以在此处查看更多详细信息:。溢出隐藏确保隐藏ul的空白区域
ul {
padding-left: 1.2em;
overflow: hidden;
}