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是静态定义页面的外观。

相关文章

前言 最近项目做完,用户需要兼容IE,于是开展了兼容性的调整工作。边调整边想感叹IE真是个沙雕。。特将...
前言 有些属性不是很常用,但是工作中遇到了,记录一下,方便学习。 1、text-indent text-indent 属性规...
前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大...
需求 项目里有个消息中心,当有消息的时候,小铃铛图标可以晃两下,提示当前有信息。 实现过程 书写css...
html代码 css代码 效果图
在一些界面上 , 如果每个icon都去找图片还是相当麻烦的 , 直接使用css画出icon就方便的多了 , 下面两个...