ie6下，font-size  等于 line-height 时，字体受行高限制，显示不全。

如图：

所以应该将行高设置为大于字体值2px，切记不要这样写font：12px/12px，要12px/14px
///

1，font-size 没有设置值时，各浏览器的默认值基本都为16px。

如果设置font-family："宋体"，那么都为16px，如果不设置font-family，IE下中文为16px 英文为17px。主要受了字体的影响。

2，如果font-size：12px，line-height不设置，height不设置。

则有：line-height = font-size + 2px = 14px
    height = line-height = 14px；

3，如果font-size：12px，line-height：12px，会出现上面所述IE6bug。

4，如果font-size：14px，line-height：12px，height不设置

则有：font-size：14px，line-height:12px;，height：12px。

总结：1，字体大小会影响行高，及行高=字体大小+2px（前提是行高不设置值，如果设置值，则为设置的值）。
    2，但是行高不能影响字体大小。高度也不能影响字体大小（见下面例子，很重要）。
    3，行高会影响高度，行高等于高度（如果高度不设置）。

///

如上代码，类wrapper只设置了高度，却没有设置字体大小，那么默认的字体大小为16px。类test字体大小，行高均为12px。

此时显示wrapper不能包住test。见下图：
实际上是包住的。因为wapper字体为16px，test算wapper的内容，所以test应该在16px范围内。但是wapper的高度为12px显示区域为12px。要问test是否还在盒模型wapper内，我想是的。height只是盒子的一个属性。并不代表整个盒子。此时，如果将wapper的字体设置为10px，或者高度不设置，则默认为16px+2 px。那么就能包住test了。
///
///

字体大小，行高，高度相关推荐

  1. 【CSS】字体、行高、文本对齐

    一.字体 字体相关的样式 color font-size font-size相关单位 em相对于当前元素的font-size rem相对于根元素的font-size font-face可以直接将服务器 ...

  2. 字体、图标字体、行高、文本样式（css）

    字体.图标字体.行高.文本样式(css) 字体相关的样式 color 用来设置字体颜色 font-size (字体大小) 相关单位 em 相当于当前元素的一个font-size rem 相当于根元素的 ...

  3. POI导出excel--设置字体,颜色,行高自适应,列宽自适应,锁住单元格,合并单元格

    1. 前言 poi框架可以支持我们在java代码中, 将数据导出成excel , 在上一篇 如何使用POI导出excel表格,以及处理浏览器无法识别下载文件的问题 中已经详细的进行了介绍 , 但是实际 ...

  4. C#如何设置Listview的行高-高度 转载

    原文地址:http://enzit.cn/boke/?action=show&id=145 文章关键字:C#,如何设置,Listview,行高高度,教程代码,c# listview行高 Bac ...

  5. HTML与CSS基础练习~字体大小、高与行高

    HTML与CSS练习一 一.利用html和css作以下界面附上代码 <!DOCTYPE html> <html lang="en"> <head> ...

  6. 【HTML+CSS】字体字号行高

    字号 font-size 消失0px 最小12px 默认16px 注意:一般写偶数,避免奇数字号有锯齿 px像素 em参考当前元素字体大小的倍数 rem参考根元素(html)字体大小的倍数,一般用在移 ...

  7. PyCharm的配置(背景颜色+字体大小+行号+解释器选择等)

    我的第二篇博客,上一篇是PyCharm安装过程,下面讲解PyCharm的配置. 第一:配置PyCharm的背景 打开PyCharm开发环境,使用快捷键Ctrl + "`"(该键位于 ...

  8. 字体族、图标字体简介、图标字体的其他使用方式、IconFont、行高、字体的简写属性、文本的水平和垂直对齐、其他的文本样式——06fontbackground

    目录 一.字体族 二.图标字体简介(font awesome的使用) 三.图标字体的其他使用方式 四.iconfont 五.行高 六.字体的简写属性 七.文本的水平和垂直对齐 八.其他的文本样式 九. ...

  9. CSS字体、行高等其他样式

    CSS字体.行高等其他样式 一.长度单位与颜色单位 1. 长度单位 <!DOCTYPE html> <html lang="en"><head> ...

  10. 【基线,内容区, 行高/行间距,行距, 行内框,行框的 区分说明】

    基线,内容区, 行高,行距, 行内框,行框的 区分说明 ⑴ 基线 ⑵ 内容区 ⑶ 行高/行间距 ⑷ 行距 ⑸ 行内框 ⑹ 行框 ♣ 结束语 和 友情链接 ⑴ 基线 基线 沿着 文本最底部的 一行线, ...

最新文章

  1. python自动化办公脚本下载-python自动化办公：文件篇（自动整理文件，一键完成）...
  2. 【opencv】丁达尔效应
  3. 牛客网_PAT乙级1001_A+B和C (15)
  4. 用ASP.NET Core 2.0 建立规范的 REST API -- 预备知识
  5. Elasticsearch环境搭建和介绍（Windows）
  6. 整合营销推广该如何做？
  7. 计算机控制lc72131,lc72131(1)
  8. python查找文件夹下所有文件_如何用Python实现查找/目录下的文件夹或文件,致谢...
  9. python—pickle模块的dump与load函数
  10. 票房连创新高 数据安全不能成为《熊出没》“拖油瓶”
  11. sql 连接mysql数据库服务器失败_数据库连接失败的原因及解决方法
  12. 神经元振荡中相位幅值耦合的量化：锁相值、平均向量长度、调制指数和广义线性模型交叉频率耦合
  13. Palantir的研究到金融风控（二）
  14. python逻辑回归模型建模步骤_从原理到代码，轻松深入逻辑回归模型！
  15. Spatial-Spectral Transformer for Hyperspectral Image Classification
  16. A16z、YGG、Axie 圆桌对话：Web3 游戏接下来该怎么走？
  17. ubuntu anaconda 3.6.4 zipimport.ZipImportError: can't decompress data; zlib not available Makefile:1
  18. 洪柱森老师介绍--沪师经纪-刘建
  19. 用FPGA实现深度卷积神经网络（5）
  20. hypermesh 根据坐标施加载荷- Field 载荷映射，以温度场载荷为例

热门文章

  1. [软工视频]面向对象
  2. C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial)：(四十六)飞行模式 – 自由VS天空
  3. Chrome浏览器对某盘破速及安装.crx类型文件
  4. c语言写51单片机八路抢答器,51单片机八路抢答器的程序问题
  5. 爬虫爬取新闻并生成词云
  6. Linux入门 内存测试工具（Memtest86+）
  7. semantic3d.net:a new large-scale point cloud classification benchmark（学习笔记一）
  8. 三齿轮问题：三个齿轮啮合
  9. 泛微 oa ecology8.0 配置LDAP集成
  10. 大数据之路、阿里巴巴大数据实践读书笔记 --- 第十五章、数据质量