Css -webkit基线中间和-带基线的moz中间

Css -webkit基线中间和-带基线的moz中间,css,vertical-alignment,vendor-prefix,Css,Vertical Alignment,Vendor Prefix,在使用浏览器web Inspector时,我遇到了CSS属性vertical align的两个不同的非标准属性 -webkit-baseline-middle仅在Chrome上可用,而-moz-middle-with-baseline在Firefox上可用。名称相似但不相同 我在网上找不到关于这两个人的任何信息。他们甚至没有被列入名单 我的问题是: 它们是任何标准的一部分吗 什么是预期的行为时 使用它们 @VSG24: 它们是任何标准的一部分吗 根据W3CCSS参考,这两个属性都不是任何标准

在使用浏览器web Inspector时,我遇到了CSS属性
vertical align
的两个不同的非标准属性

-webkit-baseline-middle
仅在Chrome上可用,而
-moz-middle-with-baseline
在Firefox上可用。名称相似但不相同

我在网上找不到关于这两个人的任何信息。他们甚至没有被列入名单

我的问题是:

  • 它们是任何标准的一部分吗
  • 什么是预期的行为时 使用它们
@VSG24:
它们是任何标准的一部分吗

根据W3CCSS参考,这两个属性都不是任何标准的一部分。它们似乎只被Webkit和Gecko用于正确行为,正如CSS 2.1规范中所预期的:

将长方体的垂直中点与父长方体的基线加上父长方体x高度的一半对齐。


@VSG24:
使用它们时的预期行为是什么

在网上搜索之后,我在以下网站上找到了关于
-webkit baseline middle
的内容:

垂直对齐:-webkit基线中间

元素的中心与文本的基线对齐

除此之外,我无法获得任何关于
-moz middle with baseline
的信息:

Q:Webkit基线中等-有其他选择吗?

A:相同,仅适用于Mozilla
vertical align:-moz中间带基线


下面是一个测试,您可以使用基于Webkit的浏览器(如Chrome)和Gecko(Firefox)进行测试:

div{
宽度:15%;
高度:100px;
显示:内联块;
框大小:边框框;
}
人力资源{
宽度:100%;
位置:绝对位置;
顶部:90px;
高度:1px;
背景:火红;
边界:无;
}
.集装箱{
边框:2件纯色热粉色;
位置:绝对位置;
排名:0;
左:0;
高度:200px;
宽度:100%;
z指数:-1;
}
.参考{
背景:深蓝色;
}
.标准{
背景:水鸭;
垂直对齐:中间对齐;
}
莫兹先生{
背景:古色白;
垂直对齐:-moz中间与基线对齐;
}
.webkit{
背景:黑萨尔蒙;
垂直对齐:-webkit基线中间
}



vertical align:sub
将是一个适合W3C的替代方案。
vertical align:sub
在firefox中对我做的不一样。