Html Css列表样式。如何对齐css列表样式?

Html Css列表样式。如何对齐css列表样式?,html,css,Html,Css,我们想要正确的对齐。如何处理css??正确的左对齐文本,具有多行文本。您要查找的CSS属性称为列表样式位置,尽管该属性设置为外部,默认情况下为所需的值 ul { list-style-position: outside; } 当然,如果你只是在文本的前面添加一个图像,那是没有用的。相反,设置如下: ul { list-style-position: outside; list-style-image: url(/path/to/image.png); } 您也可以使用


我们想要正确的对齐。如何处理css??正确的左对齐文本,具有多行文本。

您要查找的CSS属性称为
列表样式位置
,尽管该属性设置为
外部
,默认情况下为所需的值

ul {
    list-style-position: outside;
}
当然,如果你只是在文本的前面添加一个图像,那是没有用的。相反,设置如下:

ul {
    list-style-position: outside;
    list-style-image: url(/path/to/image.png);
}

您也可以使用类似背景图像

li {
  background: url('yourArrowimg.png') left top no-repeat;
  padding-left: 20px;
  line-height: 18px;
}

你的问题不清楚,因为你想要的是@oGeez提到的默认行为


你有html代码吗?fiddle也许会有用您想要的结果是默认的列表项行为。你能向我们展示你当前的HTML和CSS吗?添加CSS文本对齐:对齐
  <div id="wrapper">
    <ul>
        <li>CSS</li>
        <li>XHTML</li>
        <li>Semantics</li>
        <li>Accessibility</li>
        <li>Usability</li>
        <li>Open Web Standards</li>
        <li>PHP</li>
        <li>Typography</li>
        <li>Grids</li>
        <li>CSS3</li>
        <li>HTML5</li>
        <li>UI</li>
    </ul>
</div>
#wrapper {
    width:100px;
}

li{ 
    list-style-image: url("arrow.png");
}