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:值达到您想要的效果。这是可行的,但如果图像位于两个
    元素之间,则不可行。