前端之家收集整理的这篇文章主要介绍了
CSS的价值计算,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
作为一名Web开发人员,您经常遇到可能很容易
解决的问题,如果有一些像价值计算那样的话。
我经常想知道为什么在CSS中不可能做这样的事情:
line-height: (height / 2)px;
例如,当您要垂直对齐元素时,这将解决您遇到的一些问题。现在很难使用CSS垂直对齐元素,并产生相当多的开销。
在您知道元素的固定高度的情况下,您不需要此功能。但是,一旦高度变化(文本较长等),您就会知道元素的总高度。
使用额外的JS来解决这个问题很容易,但这对于普通的网站来说是一个问题。那么为什么我们不要在CSS中添加能力来引用当前值并与它们一起工作?
如果你看这样的问题,你知道我的意思是什么:
> Can you do this html layout without
using tables
我会说这是因为CSS只是定义浏览器
显示的
内容。没有信息流回到样式表,换句话说就是说CSS不动态。
如果您知道元素的高度,并希望在页面显示时更改它,您可以使用PHP或其他语言生成样式表。那么你也知道高度的一半是什么,也可以设置它。
如果你不知道高度会是一个动态的变化。浏览器必须首先呈现页面,然后确定元素的高度并将其发送回CSS。在渲染页面中计算和更改行高。但是也可能因素的整体高度也会变化。现在浏览器不得不再次回到CSS等等…
只是不行CSS是静态定义页面的外观。
原文链接:https://www.f2er.com/css/218664.html