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

2022-11-12 10:52:59 +08:00
 jamfer
文章不想用 p 标签来做段落,但是两个 br 分段距离又太大了(不能改 line-height ,那会导致文字行间距变小)。请问,怎么能让两个 br 标签的间距变小一些呢?
1505 次点击
所在节点    问与答
8 条回复
netnr
2022-11-12 11:11:50 +08:00
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
2022-11-12 11:17:21 +08:00
还真是个套娃的问题,不能改行高又要改分段距离,我记得 br 在 css1 里好像是被解析成换行符,所以受行高控制。我目前不知道怎么才能单独控制而不影响行高。或许可以用水平线 hr (我外行,不确定是不是这个来着)然后设置水平线的高度和透明度来实现你想的效果。
antness
2022-11-12 11:19:45 +08:00
@antness 刚发完就看到一楼的回答了,果然和我的部分不谋而合哈哈
old9
2022-11-12 11:20:24 +08:00
br+br{display:block;content:'';margin-top:.5em}
cslive
2022-11-12 11:23:42 +08:00
一律 div🐶
jamfer
2022-11-12 11:52:54 +08:00
@old9 牛逼,用这个方法搞定了,太神了
qeqv
2022-11-12 15:12:44 +08:00
#4 方法可行,就是第一个<br>被选择器跳过了
old9
2022-11-14 11:29:41 +08:00
楼主的需求就是两个 br 的间距呀
@qeqv

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/894660

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX