未分類
9 4 月 2020

CSS 问题，行内元素有没有办法在行首不加左缩进，在行中加两侧缩进。

CSS 问题，行内元素有没有办法在行首不加左缩进，在行中加两侧缩进。

資深大佬 : JCZ2MkKb5S8ZX9pq 62

需求

  • 在写 Typora 主题
  • 简单来说就是 strong 加强的部分，如果出现在一行当中时，两侧加入一定间距。
  • 但 strong 如果是位于在一行开始时（最左侧），左侧就不要加间距（右侧还是要），因为左边会对不齐。
  • 试了几个伪类和其它方法貌似都不行，而且行内元素可能需要换行，也不能搞太复杂。
  • 大家有啥思路嘛？
大佬有話說 (1)

  • 主 資深大佬 : JCZ2MkKb5S8ZX9pq

    Typora 导出的 html 结构如下
    <li><p><strong><span>多情者，不可與定妍媸</span></strong><span>；多誼者，不可與定取與。</span>
    <strong><span>多氣者，不可與定雌雄</span></strong><span>；多興者，不可與定去住。</span></p></li>

    其中一个问题是换行没有加<br>，直接用的回车。
    导致如果用 span+strong 来判断是否第一个，会误判换行后的第一个。

    而且编辑器内的 html 好像和导出的还不同。

    强制加了一个
    p>*:first-child {
    margin-left: 0 !important;
    }

    然后 strong+span 和 span+strong 都给左边距，换行时还是优点边距没消掉，满奇怪的。