html+br怎么控制行距,如何调整CSS中每个<br>两行之间的空间量?

是可能的圆盾使用CSS的标签,但它不会很跨浏览器兼容,它不是一个好主意,因为任何看着你的代码的人都会认为你没有明白自己在做什么,因为肯定会更合适方法来实现你的目标。

br {}

它自己的
没有默认的高度。如果您的HTML页面只有一个
,您就有一个空白页面。在
标签的风格会

的页面都会有这样的造型

height: auto;

line-height: normal;

max-height: none;

min-height: 0px;

的一个
标签代表从它的造型继承父容器的高度。因此,如果它嵌套在一个段落内;
将基于该段落的行高和字体大小等于1行文本的高度。

我现在有一个空的页面,但因为我指定的段落应该是10个像素,尽管该段基本上是空的,因为我有一个突破是不是空的页面是10个像素高。因此,休息等同于1行文本的高度。

当前的CSS1属性和值不能描述'BR'元素的行为 。在HTML中,'BR'元素指定单词之间的换行符 。实际上,元素被换行符替换。 未来的CSS版本可能会处理添加和替换的内容,但 基于CSS1的格式化程序必须专门处理'BR'。 - Cascading Style Sheets, Level 1, Section 4.6: 'BR' elements

适当的解决办法是将上,下块分离成两个容器(

),并设置在两个块之间的裕度。如果使用

标签,你可以样式的段落之间的空间不会增加不必要的空间,像这样的顶级款..

// CSS

p + p { margin-top:10px } // for every paragraph that's preceeded by a paragraph add a margin of 10pixels above. this gets every paragraph except the first one.

或者仅仅是调整文字的行高,如果你不介意每隔一行之间的间距也增加

您可能还会发现伪选择器:: first-line有用。

虽然我无法理解为什么;我确实相信这样的事实,即有时总会有一个很好的理由来打破规则。如果你绝对肯定是在造型上死气沉沉的,将其包装在一个容器中并设置容器的行高。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值