当前位置: 首页 > 面试题库 >

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

尤夕
2023-03-14
问题内容

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

list-style-image

然后给它一个URL。

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

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


问题答案:

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

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




 类似资料:
  • 问题内容: 我意识到可以使用CSS属性将自定义图形指定为替换项目符号字符: 然后给它一个URL。 但是,就我而言,我只想使用’+’符号。我不想为此创建图形然后指向它。我宁愿只指示无序列表使用加号作为项目符号。 可以做到吗?还是我必须先将其制成图形? 问题答案: 从引用 列表中 引用以下内容: 有时候,您有一个列表,但您不想要任何项目符号,或者您想要使用其他字符代替项目符号。同样,CSS提供了一个简

  • 你能帮我用项目符号导航代替缩略图导航吗? 我更喜欢它,因为手机的功能非常简单。 https://demo.woothemes.com/storefront/product/build-your-dslr/#camera-身体

  • 我的第一个猜测是,这是一个数据库配置问题,但我已经确认(尽我所知),Postgres确实通过执行以下操作来接受UTF-8: 我还通过手动向数据库中插入一个条目进一步证实了这一点: 从上面可以理解,数据库已经接受了我的值,并且已经成功地将Unicode字符添加到数据库中。 我排除了应用程序的代码,因为它是一个非常大的项目的一部分,并且相关的部分在这里和那里是支离破碎的。但是,我认为它们与问题无关,因

  • 未定义行为的一个例子是在flow上的整数行为 有没有一个历史的或者(甚至更好!)造成这种差异的技术原因是什么?

  • 我正在制作一个应用程序,其中包括一个用户信息管理部分。用户需要填写10个基本字段进行注册(名字、姓氏、地址等),但管理员也可以定义将包含在注册表中的自定义字段。目前,我用EAV实现了它。我有一个表“users”,其中包含所有10个基本字段作为列,users\u自定义字段(field\u id,field\u name,field\u type),其中包含所有自定义添加的字段,还有一个表“users

  • 我想为我的组件自动生成一个html预览,但是我的html呈现为一个节点,而不是显示一个字符串... 这是我的简化示例 null null 还创建了一个代码页