一尘不染

自定义项目符号* 元素 这是常规字符,而不是图像

html

我意识到可以使用CSS属性将自定义图形指定为替换项目符号字符:

list-style-image

然后给它一个URL。

但是,就我而言,我只想使用’+’符号。我不想为此创建图形然后指向它。我宁愿只是指示无序列表使用加号作为项目符号。

可以这样做吗?还是我必须先将其制成图形?


阅读 327

收藏
2020-05-10

共1个答案

一尘不染

从引用 _列表中_引用以下内容:

有时候,您有一个列表,但是您不想要任何项目符号,或者您想要使用其他字符代替项目符号。同样,CSS提供了一个简单的解决方案。只需添加列表样式:none;遵守您的规则,并强制LI显示悬挂的缩进。该规则将如下所示:

 ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
 }

填充或边距都需要设置为零,而另一个则设置为1em。根据您选择的“项目符号”,您可能需要修改此值。负的文本缩进会导致第一行向左移动该量,从而产生一个悬挂的缩进。

HTML将包含我们的标准UL,但要使用任何字符或HTML实体来代替列表项内容之前的项目符号。在本例中,我们将使用»,右双角引号:»。

»项目1
»项目2
»项目3
»项目4
»项目5我们将
加长一点,以便
包裹起来

2020-05-10