css如何设置br高度-木庄网络博客

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

在css中，可以使用line-height属性设置br高度，只需要给br设置“br{display:inline;line-height:高度值}”即可。line-height属性设置br标签的高度，它的值越大，br标签的高度就越高。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在建站的过程中，很多的文字输入可能并不是用静态模板实现的，而用的是更为高级的CMS建站，用CMS建站的过程就难免会用后台的RTE输入文本内容，对于会HTML代码的人来说，这当然是小菜一碟，可以直接输入HTML代码，但是对于不会代码的人就只能直接输入文本了，那么就难免会产生很多br标签。

此标签对于使用者当然是方便之极，但是对于开发者就需要考虑到前台显示的兼容性了，在FF和IE下，br展现出来的高度就完全不同。

最后发现只需要用CSS定义：

br{
    display:inline; 
    line-height:11px;
}

推荐学习：css视频教程

以上就是css如何设置br高度的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者