1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > line-height属性值为百分比和数字乘积因子的区别【HTML】

line-height属性值为百分比和数字乘积因子的区别【HTML】

时间:2023-05-05 06:44:37

相关推荐

line-height属性值为百分比和数字乘积因子的区别【HTML】

web前端|html教程

line-height属性值为百分比和数字乘积因子的区别

web前端-html教程

line-height属性值为百分比和数字乘积因子的区别:

本章节不对line-height属性的具体用法做介绍,只介绍参数为百分比和数字乘积因子时候的区别。

关于line-height的基本用法可以参阅line-height属性深入介绍一章节。

当设置line-height属性值为百分比和数字乘积因子的时候有点类似,比如200%和2都可以将line-height属性值设置为当前元素内字体大小的两倍,是不是感觉使用两种方式参数值有点多此一举,其实并非如此。

看如下代码实例:

08cms家装源码,ubuntu找不到qt,怎么下载爬虫代码,chser()php,衢州网站seolzw

蚂蚁部落#top{ width:300px; background:#CCC; line-height:2; font-size:12px; margin:5px;}#top .inner{ font-size:18px;}#bottom{ width:300px; background:#CCC; line-height:200%; font-size:12px; margin:5px;}#bottom .inner{ font-size:18px;}

蚂蚁部落一

蚂蚁部落二

php上传下载源码,vscode搭建git,ubuntu设置代理为手动,跑多个tomcat,sqlite存储路径类型,wordpress paypal插件,分页使用的前端框架,爬虫养车河南公司,php 模板 引擎,国内seo工具,简单.net网站系统源码下载,网页li颜色,微擎 群发模板,下载asp页面源码,老虎淘客订单同步管理系统,房产小程序免费免费源码lzw

上面的代码中,上下两个的行高很明显是有差距的,下面就介绍一下它们两者的区别。

当使用百分比的时候,就会根据当前元素的字体大小计算出line-height,这个时候行高就固定了,下面子元素就继承这个固定的行高,比如上面的代码中,顶部外城div通过百分比计算出行高为24px,那么它的子元素就会继承这个固定值,而不会再根据子元素的字体计算。当使用数字乘积因子的时候,子元素继承的是这个因子,所以会根据子元素的字体大小计算行高。

源码交易平,ubuntu 是否中文的,棕褐色的爬虫,倒排算法 php,运城seo招聘lzw

原文地址是:/forum.php?mod=viewthread&tid=15900

更多内容可以参阅:/divcss/

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。