CSS的价值计算

前端之家收集整理的这篇文章主要介绍了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是静态定义页面的外观。

猜你在找的CSS相关文章