html随笔-行高

1. 行高line-weight

行高只对块级标签有效,可以撑起块级标签的height。

1)不指定行高及height时

css:

div{border:solid1px black;font-size:16px;}

html:

<div>

这是一行<br/>

这是一行<br/>

这是一行<br/>

</div>

div的height随font-size的增大而增大,


2)指定行高line-height时,div的height由行高和行数决定

css:

div: {border: solid 1px black; font-size: 16px; line-height: 18px;}


overflow: hidden
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • 深入理解傅里叶变换Mar 12, 2017 这原本是我在知乎上对傅立叶变换、拉普拉斯变换、Z变换的联系?为什么要进...
    价值趋势技术派阅读 5,825评论 2 2
  • 不会用代码框,所以看着有些乱套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    这就是个帅气的名字阅读 1,571评论 0 0
  • 卡尔维诺中文站留言板这个帖子专门用作卡尔维诺中文站的留言板,欢迎大家留言和提问。...阮一峰2007-01-04T...
    舟渔行舟阅读 333评论 0 1
  • 青色,含着烟火 是时令的花瓣,泡出雪青的诗流 念一句,泪两行 青色,眷念于心静 是青衫与青山的合拍 青莹莹的押韵出...
    琉璃穗子阅读 444评论 3 10