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");
}