JCZ2MkKb5S8ZX9pq
V2EX  ›  CSS

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

  •  
  •   JCZ2MkKb5S8ZX9pq · Jan 21, 2020 · 2209 views
    This topic created in 2303 days ago, the information mentioned may be changed or developed.

    需求

    • 在写 Typora 主题
    • 简单来说就是 strong 加强的部分,如果出现在一行当中时,两侧加入一定间距。
    • 但 strong 如果是位于在一行开始时(最左侧),左侧就不要加间距(右侧还是要),因为左边会对不齐。
    • 试了几个伪类和其它方法貌似都不行,而且行内元素可能需要换行,也不能搞太复杂。
    • 大家有啥思路嘛?
    JCZ2MkKb5S8ZX9pq
        1
    JCZ2MkKb5S8ZX9pq  
    OP
       Jan 21, 2020
    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 都给左边距,换行时还是优点边距没消掉,满奇怪的。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4446 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 10:12 · PVG 18:12 · LAX 03:12 · JFK 06:12
    ♥ Do have faith in what you're doing.