HTML5基础加强css样式篇(line-height)(三)
来源:互联网 发布:linux 串口调试助手 编辑:程序博客网 时间:2024/09/21 06:33
注:这个属性比较重要单独拿出来说
1.line-height
定义见图:
2.line-height的可选属性值:
①.normal 默认。设置合理的行间距。
②.number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。
③.length 设置固定的行间距。
④. % 基于当前字体尺寸的百分比行间距。
⑤.inherit 规定应该从父元素继承 line-height 属性的值。
行高是根据字体大小计算的!!!
规范要求,行高 = 字体大小*1.2 不同浏览器实现由差异
3.line-height对元素大小的影响 如图:
4.利用line-height使元素垂直居中如图:
0 0
- HTML5基础加强css样式篇(line-height)(三)
- HTML5基础加强css样式篇(white-space属性)(四十三)
- HTML5基础加强css样式篇(伪元素first-letter,first-line,selection和css计数函数counter,counters)(十六)
- HTML5基础加强css样式篇(css属性border详解(一))(三十三)
- HTML5基础加强css样式篇(css计算函数:calc())(四十七)
- HTML5基础加强css样式篇(css过度效果)(十八)
- HTML5基础加强css样式篇(css过度覆盖问题)(二十一)
- HTML5基础加强css样式篇(css过渡结束事件:transitionend)(二十三)
- HTML5基础加强css样式篇(css属性border圆角:border-radius)(三十五)
- HTML5基础加强css样式篇(css属性:怪异盒模型解析)(四十六)
- HTML5基础加强css样式篇(文字阴影css属性:text-shadow)(四十四)
- HTML5基础加强css样式篇(color,direction)(二)
- HTML5基础加强css样式篇 (高仿百度新闻热门文章窗口)(六)
- HTML5基础加强css样式篇(target目标伪类选择器)(九)
- HTML5基础加强css样式篇(target目标伪类选择器应用)(十)
- HTML5基础加强css样式篇(结构化伪类选择器:nth-of-type)(十一)
- HTML5基础加强css样式篇(属性选择器)(十四)
- HTML5基础加强css样式篇(常用伪元素选择器after,before)(十五)
- 使用google的zxing工具在jsp页面中生成二维码以及带logo图标的二维码
- smmu学习笔记之alloc_iova
- canvas制作时钟js代码
- poi 导出excel(BigDecimal数据类型)左上角有绿色小三角解决
- Java中Json解析
- HTML5基础加强css样式篇(line-height)(三)
- 算法提高 8-1因式分解
- LeetCode 2 Remove Element
- android自定义控件style学习小技巧
- Python中配置文件的使用
- python基础数据分析--pandas(一)
- 《大话设计模式》读书札记之简单工厂模式
- javascript(注意点) 函数
- 数据库隔离级别