V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
JCZ2MkKb5S8ZX9pq
V2EX  ›  CSS

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

  •  
  •   JCZ2MkKb5S8ZX9pq · 2020-01-21 00:57:13 +08:00 · 1662 次点击
    这是一个创建于 1766 天前的主题,其中的信息可能已经有所发展或是发生改变。

    需求

    • 在写 Typora 主题
    • 简单来说就是 strong 加强的部分,如果出现在一行当中时,两侧加入一定间距。
    • 但 strong 如果是位于在一行开始时(最左侧),左侧就不要加间距(右侧还是要),因为左边会对不齐。
    • 试了几个伪类和其它方法貌似都不行,而且行内元素可能需要换行,也不能搞太复杂。
    • 大家有啥思路嘛?
    JCZ2MkKb5S8ZX9pq
        1
    JCZ2MkKb5S8ZX9pq  
    OP
       2020-01-21 01:19:32 +08:00
    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 都给左边距,换行时还是优点边距没消掉,满奇怪的。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3385 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 10:57 · PVG 18:57 · LAX 02:57 · JFK 05:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.