css中height和line-height区别

web前端|css教程

line-height,height,css

web前端-css教程

这篇文章主要介绍了css中height和line-height区别,需要的朋友可以参考下

line-height：行高 设置文字间上下距离

height：高度 就是定义一个层 或某样东西的高度啦

发货源源码,vscode多选,ubuntu解压 bin,hLs TomCat,闪存测试SQLite,vps和服务器的区别,手机上上传资源插件,拼图国内前端框架,百度资源爬虫,php推广,seo全球搜,html5 手机网站开发教程,百度网页搜索质量白皮书 下载,唯品会免费模板,wp瀑布流页面,公安局内部管理系统,php小程序案例lzw

也就是说line-height是特指单行高度，height可以为所有元素的高度

地区资讯网源码,网页制作软件vscode,ubuntu更新dns,tomcat里面有乱码,sqlite3文件是什么,爬虫弹窗,html5 php 源码,360seo优化好处,国内精美网站界面网址,c 模板的匹配规则lzw

文字放大后边缘会重叠？

php 微信在线客服系统源码,配置vscode鼠标颜色,ubuntu usb使用,tomcat里显示乱码,sqlite3插入性能测试,下载爬虫安装包后怎么检验,php 输出 调试,亚马逊seo怎么引流优化,网站手机登录模板,h5 实现医院挂号 模板lzw

line-height直白理解就是文字高度加上文字上下的空白区域，line-height最好不要设置单位，如果固定单位后，行高就是确定值。

当字体放大且没有设置元素的line-height（继承自父元素且父元素为固定值）或者其值为固定值就会出现文字超出行高范围出现重叠。

line-height有继承属性，所以正文部分内容line-height最好设置为为数字1.5，也就是字体高度*1.5的高度，

这样行高会随着字体缩放跟着缩放。

如何设置文字图片行内居中？

line-height默认是baseline对其的，可以使用vertical-align:middle使其文字图片居中对齐。

如何更加易读？

行内文字背景颜色#fff，文字颜色#333；文字周围有空白line-height行高1.25-1.5，减少压迫感，正文大小为14px，其它可以为12px。

input button 各个浏览器表现一致。

firefox默认的linde-height值默认为normal，需要明确指定。

代码如下:

button, input[type=”button”], input[type=”submit”] {

line-height:normal !important;

}

input.button, a.button, button {

font: bold 12px Arial, Helvetica, sans-serif;

padding: 5px 8px;

overflow:visible;

}