您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

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

有时候,您有一个列表,但您不想要任何项目符号,或者您想要使用其他字符代替项目符号。同样,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我们将 加长一点,以便 包裹起来

其他 2022/1/1 18:16:43 有482人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶