CSS:控制项目符号和<li>之间的空格

我想控制子弹在<ol>或<ul>中向右推动<li>的水平空间。

也就是说，不是一直都有

*  Some list text goes
   here.

我希望能把它变成

*         Some list text goes
          here.

*Some list text goes
 here.

我环顾四周，但只能找到将整个街区向左或向右移动的说明，例如http://www.alistapart.com/articles/taminglists/

当前回答

更多信息w3schools ul { list-style:没有; ｝

Ul li::before { 内容:“2022 \”; 颜色:黑色; 显示:inline-block; 宽度:8 px;}

2021-04-05 21:09:08

其他回答

无序列表以ul标记开始。每个列表项以默认情况下，列表项将用项目符号(小黑圈)标记:

    <!DOCTYPE html>
    <html>
       <body>
          <h2>Normal List </h2>
          <ul>
             <li>Coffee</li>
             <li>Tea</li>
             <li>Milk</li>
          </ul>
       </body>
    </html>

输出:

<!DOCTYPE html>
<html>
<body>

<h2>Normal List </h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

</body>
</html>

text-indent属性指定文本块中第一行的缩进。注:允许为负值。如果值为负，第一行将向左缩进。

<ul style='text-indent: -7px;'>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

2016-07-15 18:57:28

可以在列表项上使用padding-left属性(而不是在列表本身上!)。

2010-12-07 03:12:32

您还可以使用背景图像替换作为替代方案，让您完全控制垂直和水平定位。

请看这个问题的答案

2011-04-26 15:32:05

更多信息w3schools ul { list-style:没有; ｝

Ul li::before { 内容:“2022 \”; 颜色:黑色; 显示:inline-block; 宽度:8 px;}

2021-04-05 21:09:08

ul
{
list-style-position:inside;
}

定义和用法

list-style-position属性指定列表项标记应该出现在内容流内部还是外部。

来源:http://www.w3schools.com/cssref/pr_list-style-position.asp

2013-10-15 19:20:35

CSS:控制项目符号和<li>之间的空格

推荐文章

最新文章

标签