当前位置: 首页 > 知识库问答 >
问题:

前端 - 为什么我加了flex属性之后,list-style失效了?

松国兴
2023-06-06

image.png

适用套系这个li加了display:flex,列表的符号就没了,怎么能再显示出符号呢

共有2个答案

宦文柏
2023-06-06
<style>
  .flex-list {
    display: flex;
    flex-direction: column;
    list-style: none; 
  }

  .flex-list li {
    position: relative;
    padding-left: 20px; 
  }

  .flex-list li:before {
    content: '\2022';
    position: absolute;
    left: 0;
  }
</style>

<ul class="flex-list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
长孙景焕
2023-06-06

已解决,感谢大佬flexbox与list-style冲突?

 类似资料:
  • element-plus这个图标,我给设置了class,下面的Fold我给设置了style,报的同样性质的错,意思应该是这个组件没有设置这个属性,可是这个做法也没办法避免,还有下面的这个一样的问题 大家有没有遇到过,如何解决的?

  • 问题内容: 恐怕我一定不明白弹性增长。如果您跳到下面的JSFiddle(据我所知),它的大小应该是另一个的三倍。如您所见,事实并非如此。为什么? 问题答案: 您还必须指定一个值(不指定此属性会导致行为类似于使用初始值auto 将其添加到两个孩子中,或仅使用速记进行设置:

  • 问题内容: 因此,我使用的所有自定义数据属性都应以“ data-”开头: 如果我不理会这会发生什么不好的事情?即: 我想一件坏事是我的自定义属性可能与具有特殊含义(例如)的HTML属性发生冲突,但是除此之外,仅编写“ example_text”而不是“data-example_text”是否有问题?(它不会验证,但是谁在乎呢?) 问题答案: 保留自定义属性以data- *为前缀有几个好处。 它保证

  • @counter-style 无效 这是我的定义 这是使用 可是效果不尽人意 大佬帮我分析分析

  • 这个小小的HTML5密码字段在没有on无效属性的情况下工作得非常好(模式是:至少6个字符): 请看这里的jsFiddle。 但是,当我添加一个oninvalid属性,当用户的输入不符合模式时,该属性会发出一条自定义错误消息,整个字段将永远无效,请参见此处的代码: 请看这里的jsFiddle。 你能找出错误吗?

  • 本文向大家介绍css的属性list-style-position的值outside和inside有什么区别?相关面试题,主要包含被问及css的属性list-style-position的值outside和inside有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 :标记盒在主块盒的外面。(默认值) :标记盒是主要块盒中的第一个行内盒,处于元素的内容流之后。