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

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

吴康平
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-身体

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

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

  • 问题内容: 我一直无法找到关于自定义标记在HTML5中是否有效的明确答案,如下所示: 而且自定义标签似乎无法通过W3C验证器进行验证。 问题答案: “ 自定义元素”规范在Chrome和Opera中可用,并且在其他浏览器中也可用。它提供了一种以正式方式注册自定义元素的方法。 自定义元素是作者可以定义的新型DOM元素。与无状态且短暂的装饰器不同,自定义元素可以封装状态并提供脚本接口。 自定义元素以及模

  • 问题内容: 例如,我需要使用星号(★)作为列表项目的项目符号。 我已经阅读了CSS3模块:Lists,它描述了如何使用自定义文本作为项目符号,但是它对我不起作用。我认为,浏览器根本不支持伪元素。 不使用图像怎么办? 问题答案: 编辑 我可能不再建议使用图像。我会坚持使用Unicode字符的方法,如下所示: 老答案 我可能会选择图像背景,它们更 有效, 通用且对跨浏览器友好。 这是一个例子: