项目符号列表,其中项目符号冲洗左并带有悬挂缩进

Mariemf

我正在寻找用HTML或Markdown编码项目符号列表的正确方法,其中项目符号齐平,左侧留有项目符号,在项目符号后有一个制表符空格,并在项目符号行的正下方有一个悬挂的凹痕。我尝试过将其与空格和各种列表一起破解,但看起来并没有什么好看的。有什么建议?

我正在尝试使其看起来像这样:

这是我的清单

∙一号
    线二号线

克里斯

这将需要一个分为两部分的解决方案:

  1. 使用Markdown在语义上表示多行列表项。

    根据“第二行”是新段落还是新行,您可以使用

    * Line one
    
    ␣␣␣␣New paragraph
    

    或者

    * Line one␣␣
    New line
    

    其中代表一个空间。

  2. 随心所欲地设置此列表的样式。子弹前后的间距纯粹是美观的,无法在Markdown中表示。

    CSS样式应该遵循以下步骤:

    ul {
      /* Make bullet left-flush, value chosen by experimentation */
      padding-left: 10px;
    }
    
    ul li {
      /* Add padding to list item, which amounts to space between the
         bullet and the text */
      padding-left: 1.5em;
    }
    <!-- Generated by Markdown -->
    <ul>
      <li>Line one<br>
        New line</li>
    </ul>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Office 2016的项目符号列表中悬挂缩进

来自分类Dev

如何更改项目符号列表或非项目符号列表中第一行以外的所有行的缩进?

来自分类Dev

如何更改项目符号列表或非项目符号列表中第一行以外的所有行的缩进?

来自分类Dev

用于缩进“特殊悬挂”的 VBA 方法...项目符号和文本之间的间距

来自分类Dev

ng-repeat中带有字母的项目符号列表

来自分类Dev

带有不同图像的HTML列表作为项目符号

来自分类Dev

如何获得居中的项目符号列表?带有子弹的图像?

来自分类Dev

为项目符号添加缩进

来自分类Dev

内联描述列表,带有悬挂缩进

来自分类Dev

带有自定义项目符号图像的CSS文本缩进

来自分类Dev

项目符号列表文本缩进/对齐选项卡后

来自分类Dev

CSS无法从项目符号列表中删除缩进

来自分类Dev

从docx提取项目符号或项目符号列表

来自分类Dev

用CSS在未项目列表上悬挂缩进

来自分类Dev

在Word中使数字项目符号正确缩进

来自分类Dev

第一个列表项之后带有项目符号的无序列表

来自分类Dev

项目符号点出现在导航菜单中,并带有列表样式类型:无

来自分类Dev

更改列表的项目符号颜色

来自分类Dev

放置订单列表的低字母项目符号项目符号

来自分类Dev

放置订单列表的低字母项目符号项目符号

来自分类Dev

内联项目符号上的左对齐文本

来自分类Dev

UITextField secureTextEntry项目符号带有自定义字体?

来自分类Dev

带有链接的<li>在iPhone上显示较小的项目符号

来自分类Dev

带有图像样式的交替项目符号注释

来自分类Dev

显示带有图像滑块的链接项目符号?

来自分类Dev

带有 CSS 和 HTML 的背景圆形项目符号

来自分类Dev

您如何使用GitHub风格的markdown在README文件中缩进项目符号列表?

来自分类Dev

Microsoft Word中的Tab键不会增加项目符号列表中的缩进

来自分类Dev

从Word复制和粘贴到纯文本时,保留嵌套的项目符号列表的缩进

Related 相关文章

  1. 1

    如何在Office 2016的项目符号列表中悬挂缩进

  2. 2

    如何更改项目符号列表或非项目符号列表中第一行以外的所有行的缩进?

  3. 3

    如何更改项目符号列表或非项目符号列表中第一行以外的所有行的缩进?

  4. 4

    用于缩进“特殊悬挂”的 VBA 方法...项目符号和文本之间的间距

  5. 5

    ng-repeat中带有字母的项目符号列表

  6. 6

    带有不同图像的HTML列表作为项目符号

  7. 7

    如何获得居中的项目符号列表?带有子弹的图像?

  8. 8

    为项目符号添加缩进

  9. 9

    内联描述列表,带有悬挂缩进

  10. 10

    带有自定义项目符号图像的CSS文本缩进

  11. 11

    项目符号列表文本缩进/对齐选项卡后

  12. 12

    CSS无法从项目符号列表中删除缩进

  13. 13

    从docx提取项目符号或项目符号列表

  14. 14

    用CSS在未项目列表上悬挂缩进

  15. 15

    在Word中使数字项目符号正确缩进

  16. 16

    第一个列表项之后带有项目符号的无序列表

  17. 17

    项目符号点出现在导航菜单中,并带有列表样式类型:无

  18. 18

    更改列表的项目符号颜色

  19. 19

    放置订单列表的低字母项目符号项目符号

  20. 20

    放置订单列表的低字母项目符号项目符号

  21. 21

    内联项目符号上的左对齐文本

  22. 22

    UITextField secureTextEntry项目符号带有自定义字体?

  23. 23

    带有链接的<li>在iPhone上显示较小的项目符号

  24. 24

    带有图像样式的交替项目符号注释

  25. 25

    显示带有图像滑块的链接项目符号?

  26. 26

    带有 CSS 和 HTML 的背景圆形项目符号

  27. 27

    您如何使用GitHub风格的markdown在README文件中缩进项目符号列表?

  28. 28

    Microsoft Word中的Tab键不会增加项目符号列表中的缩进

  29. 29

    从Word复制和粘贴到纯文本时,保留嵌套的项目符号列表的缩进

热门标签

归档