line-height和height区别和联系

  • line-height、height都可以为元素设置高度。
  • height是限制元素内容活动的范围,而line-height设置元素的内容的大小。
<div class="block" style="height: 300px;line-height: 100px;">张张张</div>

  显示如图:

绿色表示height,红色表示 line-height;

应用的话大家都懂了!!

时间: 2024-10-04 20:24:06

line-height和height区别和联系的相关文章

height:100%和height:auto的区别

一直不明白height:100%和height:auto的区别,最近在制作前端页面时都用了height:100%;overflow:hidden; ,可是有些浏览器出现莫名的奇妙的问题,但换成height:auto就好了,百度过这个问题,却一直没有细看. 今天又浮现了同样的问题,百度细看和群里的朋友指点,终于明白其中的道理,记录一下. height:auto,是指根据块内内容自动调节高度.height:100%,是指其相对父块高度而定义的高度,也就是按照离它最近且有定义高度的父层的高度来定义高度

Jquery中的 height(), innerHeight() outerHeight()区别

jQuery中的 height innerHeight outerHeight区别 标准浏览器下: height:高度 innerHeight:高度+补白 outerHeight:高度+补白+边框,参数为true时:高度+补白+边框+边距 html代码: <div class="width: 150px;height:20px;float: left;border: 2px solid red;margin: 10px;margin: 10px;padding: 10px;" i

clientHeight ,offsetHeight,style.height,scrollHeight的区别与联系

style.height 包括元素的滚动条,不包括边框 clientHeight 不包括元素的滚动条和边框,只有在没有元素的滚动条的情况下,style.height相等于clientHeight offsetHeight 包括元素的滚动条和边框,只有在没有元素的滚动条和边框的情况下,offsetHeight==style.height==clientHeight scrollHeight offsetHeight+scrollTop,只有在没有元素的滚动条和边框和滚动时的情况下,offsetHe

jQuery下 $(window)和$(document)的width、height方法值得区别

在没有垂直滚动条的时候 $(window)和$(document) 的宽高一致在有垂直滚动条的时候 $(window)和$(document) 的宽度一致 window的高度为可视区域的高度,document为整个html文档的高度(包含margin padding border就是总的) 在没有水平滚动条的时候 $(window)和$(document) 的宽高一致在有水平滚动条的时候 $(window)和$(document) 的高度一致window的宽度为可视区域的宽度,document

clientHeight ,offsetHeight,style.height,scrollHeight有区别与联系

style.height 包括 元素的滚动条,不包括边框clientHeight 不包括元素的滚动条和边框,只有在没有元素的滚动条的情况下,style.height相等于clientHeightoffsetHeight 包括元素的滚动条和边框,只有在没有元素的滚动条和边框的情况下,offsetHeight==style.height==clientHeightscrollHeight offsetHeight+scrollTop,只有在没有元素的滚动条和边框和滚动时的情况下,offsetHeig

jQuery,javascript获得网页的高度和宽度$(document).height / $(window).height

一.javascript 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的

理解height 百分比 height:100%

当你让一个元素的高度设定为百分比高度时,是相对于父元素的高度根据百分比来计算高度.当没有给父元素设置高度(height)时或设置的高度值百分比不生效时,浏览器会根据其子元素来确定父元素的高度,所以当无法根据获取父元素的高度,也就无法计算自己高度. 换句话说,父元素的高度只是一个缺省值:height: auto;.当你要求浏览器根据这样一个缺省值来计算百分比高度时,只能得到undefined的结果,也就是一个null值,浏览器不会对这个值有任何的反应. html 的父元素可以理解成window,浏

回车”(carriage return)和”换行”(line feed)的区别和来历-(附:ASCII表)

这两天研究小票打印机编程手册,遇到这样一个问题: LF,即Line Feed,中文意思“换行”:CR,即Carriage Return,中文意思“回车”.但是我们通常把这两个混为一谈.既然设置成2个,则肯定有其存在的道理,查了一下资料,与大家分享. 关于“回车”(carriage return)和“换行”(line feed)这两个概念的来历和区别.在计算机还没有出现之前,有一种叫做电传打字机(Teletype Model 33)的玩意,每秒钟可以打10个字符.但是它有一个问题,就是打完一行换行

Python IDLE(python GUI)与python(comand line)有什么区别

用了几天命令行,才知道IDLE这个东西. 打开python 2.7之后有三个命令窗口:IDLE(python GUI),python(comand line),Module Docs. Module Docs是一个搜索框,可搜索python中不了解的函数. 比较IDLE与命令行:都是交互模式 IDLE(python GUI): 白色窗口.有代码高亮.自动缩进.代码提示和菜单栏: 可以新建python文件,可复制粘贴代码.但不会返回结果: 不能用向上箭头重复上一条命令. python(comand

jQuery中关于height,innerWidth与outerWidth的区别

jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距.边框或外边距). height() 方法设置或返回元素的高度(不包括内边距.边框或外边距). jQuery innerWidth() 和 innerHeight() 方法 innerWidth() 方法返回元素的宽度(包括内边距). innerHeight() 方法返回元素的高度(包括内边距). 公式为height()+padding*2 jQuery outerWidth() 和