Css lineheight 行高
来源:互联网 发布:java invoke 方法 编辑:程序博客网 时间:2024/05/20 06:42
浏览器中: 默认文字大小为16px
默认行高 默认18px
行高= 文字大小+上间距+下间距 ◆设置的行高,改变的是文字上下间距
◆影响行高的因素:
■文字大小。
■文字字体。(font-family)
☞作用:
◆让文字在标签中垂直居中(设置行高值等于标签的高度即可)
◆行高只能影响文字(图片,其他标签都不受行高影响)
行高单位(了解)
☞px: px单位最常使用。
☞em
☞百分比
☞不带单位
给单独一个标签设置行高
行高单位| 行高值 | 文字大小 | 最后的行高值
px 40px 16px 行高=设置的行高值
em 2em 16px 行高=设置的行高值*文字大小
百分比 200% 16px 行高=设置的行高值*文字大小
不带单位 2 16px 行高=设置的行高值*文字大小
1.3 给父元素设置行高,子元素的行高情况
父行高单位| 父行高值 | 子文字大小 | 最后子行高值
Px 20px 16px 行高=父元素的行高(继承性)
em 2em 16px 行高=父元素的行高*父元素的文字大小
百分比 200% 16px 行高=父元素的行高*父元素的文字大小(先计算后继承)
不带单位 2 16px 行高=父元素的行高*子元素的文字大小(先继承,后计算)
0 0
- Css lineheight 行高
- css - lineHeight
- lineheight
- CSS行高
- 深入 CSS 行高
- css-行高
- css的行高
- css的行高示例
- css 行高-张鑫旭博客
- CSS样式之行高
- UIFont的lineHeight与pointSize
- UIFont的lineHeight与pointSize
- 深入理解CSS中的行高
- 深入理解CSS中的行高
- CSS行高——line-height
- css行高line-height的介绍
- css 行高——line-height
- CSS行高——line-height
- qt之进程和线程
- HDOJ2000-2050学习笔记
- soapui测试webservice接口时如何传递xml参数
- 数组指针和指针数组的区别
- python 字符串 详解 (好用)
- Css lineheight 行高
- 【干货收藏】云服务器从选配置、到远程链接、到环境配置的新手入门百问-Windows系统篇
- 学习整理--对js的新认识
- 如鹏java学习进程 键盘控制精灵移动
- C#中的索引器
- ue4 FPaths各目录
- [docker]Full container capabilities (–privileged)
- 面试干货——年底干货大放送,你准备好了吗?
- test