美文网首页
有序列表和无序列表样式冲突

有序列表和无序列表样式冲突

作者: Asuler | 来源:发表于2020-07-14 20:07 被阅读0次

富文本编辑器中的这种列表


image.png

就是简单的ul和ol的list-style 去修改的

这里碰到个问题,就是我这个项目是css reset过了的,就是所有的ul,li设置成padding:0,margin:0,以及list-style:none

把富文本的内容提取出来预览的时候,发现list-style 是内联,把css reset的盖掉了,这没问题,
但是前面的数字出不来,比如1,2,3,这种排序的数字出不来,

检查了一下,是padding:0,导致的,后来给ul,ol设置padding-inline-start:40px 就好了

相关文章

  • mackdown 基本语法

    一.无序列表 实现样式 无序列表1 无序列表2无序列表2.1无序列别2.2 二.有序列表 实现样式 1.有序列表1...

  • 有序列表和无序列表样式冲突

    富文本编辑器中的这种列表 就是简单的ul和ol的list-style 去修改的 这里碰到个问题,就是我这个项目是c...

  • HTML 列表

    HTML支持有序、无序和定义列表 实例 无序列表 本例演示无序列表。 有序列表 本例演示有序列表。 无序列表 无序...

  • 学习小组Day1笔记-Herobrine

    Day1-Herobrine 列表 无序列表 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 有序列表...

  • CSS 列表属性

    列表属性 CSS列表属性用于设置HTML列表元素的样式,包括无序列表和有序列表。 CSS列表的所有属性: list...

  • HTML列表

    HTML支持有序、无序和定义列表无序列表: 有序列表: 嵌套列表: 自定义列表: HTML 列表标签 定义有序列表...

  • 前端学习之列表标签

    分类:无序列表 有序列表 定义列表 所有的标签只用来添加语义,不能改变样式 1.无序列表: 这...

  • 2018-11-22

    Markdown语法 列表样式 无序列表样式 二级列表 一级列表“-”后面加空格 二级列表“-”前面加空格 有序列...

  • Markdown示例

    一级标题 二级标题 三级标题 无序列表 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 有序列表 插入...

  • MarkDown语法

    默认就是一个段落 1.无序列表 无序列表 无序列表 无序列表 2.有序列表 有序列表 有序列表 有序列表 3.链接...

网友评论

      本文标题:有序列表和无序列表样式冲突

      本文链接:https://www.haomeiwen.com/subject/pyzfhktx.html