我想控制子弹在<ol>或<ul>中向右推动<li>的水平空间。
也就是说，不是一直都有
* Some list text goes
here.
我希望能把它变成
* Some list text goes
here.
or
*Some list text goes
here.
我环顾四周，但只能找到将整个街区向左或向右移动的说明，例如http://www.alistapart.com/articles/taminglists/
当前回答
把它的内容放在一个相对定位的span中，然后你可以通过span的left属性来控制空间。
李跨度{ 位置:相对; 左:-10 px; } < ul > <李> < span >第1项< / span > < /李> <李> < span >第二项< / span > < /李> <李> < span >项3 < / span > < /李> < / ul >
其他回答
可以在列表项上使用padding-left属性(而不是在列表本身上!)。
似乎您可以(在某种程度上)使用<li>标记上的填充来控制间距。
<style type="text/css">
li { padding-left: 10px; }
</style>
问题是，它似乎不允许你像最后一个例子那样舒适地挤压它。
为此，您可以尝试关闭list-style-type并使用•
<ul style="list-style-type: none;">
<li>•Some list text goes here.</li>
</ul>
更多信息w3schools ul { list-style:没有; ｝
Ul li::before { 内容:“2022 \”; 颜色:黑色; 显示:inline-block; 宽度:8 px;}
如果你的列表样式是在里面，那么你可以删除子弹并创建你自己的…例:(在scss!)
li {
list-style: none;
&:before {
content: '- ';
}
}
如果你的列表样式是外部的，那么你可以这样做:
li {
padding-left: 10px;
list-style: none;
&:before {
content: '* '; /* use any character you fancy~! */
position: absolute;
margin-left: -10px;
}
}
使用padding-left: 1 em;文本缩进:<li>标签的-1em。 然后，list-style-position:用于<ul>标记。
<ul style='list-style-position: inside;'>
<li style='padding-left: 1em; text-indent: -1em;'>Item 1</li>
</ul>
