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