Html 是否可能有<;img>';s在<;李>';s将是“;“不缩进”吗;?
我有一个带有Html 是否可能有<;img>';s在<;李>';s将是“;“不缩进”吗;?,html,css,Html,Css,我有一个带有元素的有序列表。我对列表当前的呈现方式很满意,但我想让中的元素不遵循我为元素设置的缩进CSS样式规则。当涉及到元素时,是否有任何方法可以中断缩进流 所以我有点像: * List Item 1 description that is two lines long. Lorem ipsum et dolor. |-- IMAGE SPANS WIDTH OF INDENT --| * List Item 1 description that is two l
元素的有序列表。我对列表当前的呈现方式很满意,但我想让中的元素不遵循我为元素设置的缩进CSS样式规则。当涉及到
元素时,是否有任何方法可以中断缩进流
所以我有点像:
* List Item 1 description that is two
lines long. Lorem ipsum et dolor.
|-- IMAGE SPANS WIDTH OF INDENT --|
* List Item 1 description that is two
lines long. Lorem ipsum et dolor.
|-- IMAGES SPANS WIDTH OF <OL> -------|
我想要的是:
* List Item 1 description that is two
lines long. Lorem ipsum et dolor.
|-- IMAGE SPANS WIDTH OF INDENT --|
* List Item 1 description that is two
lines long. Lorem ipsum et dolor.
|-- IMAGES SPANS WIDTH OF <OL> -------|
*列出第1项说明,共两项
队伍很长。Lorem ipsum et dolor。
|--图像的宽度为-------|
我知道我可以使用负左边距将图像移到左边,但我希望避免使用它,因为它不会影响元素的宽度。任何建议都将不胜感激 您可以做的是一些css定位技巧:
ul {
position:relative;
}
ul img {
position:absolute;
left:0;
}
基本上,这是将图像位置设置为绝对(即,任意位置),但将父UL
设置为相对,意味着任何设置为绝对
的子对象都将看到UL
的尺寸作为其视口。因此,将图像上的left
设置为0
将其设置为UL
将图像包裹在DIV
中,将此DIV
设置为负数left
,而不是图像,然后您可以将图像的宽度设置为列表的100%。下次,使用backticks(`)
来转义HTML标记。@jnylen我为什么需要使用backticks?@Robert Harvery这会起作用,但在某些情况下,图像后面会有文本。图像并不总是跟踪文本。为什么我需要使用反标记?
——因为如果您不这样做,标记编辑器将吞下大部分html标记。或者使用left:值达到您想要的效果。这是可行的,但如果图像位于两个
元素之间,则不可行。