V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
jamfer
V2EX  ›  问与答

有没有办法缩短两个 br 标签的间距

  •  
  •   jamfer · 2022-11-12 10:52:59 +08:00 · 1523 次点击
    这是一个创建于 772 天前的主题,其中的信息可能已经有所发展或是发生改变。
    文章不想用 p 标签来做段落,但是两个 br 分段距离又太大了(不能改 line-height ,那会导致文字行间距变小)。请问,怎么能让两个 br 标签的间距变小一些呢?
    8 条回复    2022-11-14 11:29:41 +08:00
    netnr
        1
    netnr  
       2022-11-12 11:11:50 +08:00   ❤️ 1
    https://stackoverflow.com/questions/899252

    br.oldbig {line-height: 190%;vertical-align: top;}

    br.newbig {display: block;content: "";margin-top: 0.5em;line-height: 190%;vertical-align: top;}
    antness
        2
    antness  
       2022-11-12 11:17:21 +08:00
    还真是个套娃的问题,不能改行高又要改分段距离,我记得 br 在 css1 里好像是被解析成换行符,所以受行高控制。我目前不知道怎么才能单独控制而不影响行高。或许可以用水平线 hr (我外行,不确定是不是这个来着)然后设置水平线的高度和透明度来实现你想的效果。
    antness
        3
    antness  
       2022-11-12 11:19:45 +08:00
    @antness 刚发完就看到一楼的回答了,果然和我的部分不谋而合哈哈
    old9
        4
    old9  
       2022-11-12 11:20:24 +08:00   ❤️ 4
    br+br{display:block;content:'';margin-top:.5em}
    cslive
        5
    cslive  
       2022-11-12 11:23:42 +08:00 via Android
    一律 div🐶
    jamfer
        6
    jamfer  
    OP
       2022-11-12 11:52:54 +08:00
    @old9 牛逼,用这个方法搞定了,太神了
    qeqv
        7
    qeqv  
       2022-11-12 15:12:44 +08:00
    #4 方法可行,就是第一个<br>被选择器跳过了
    old9
        8
    old9  
       2022-11-14 11:29:41 +08:00
    楼主的需求就是两个 br 的间距呀
    @qeqv
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1333 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 23:48 · PVG 07:48 · LAX 15:48 · JFK 18:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.