Css -webkit基线中间和-带基线的moz中间
在使用浏览器web Inspector时,我遇到了CSS属性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参考,这两个属性都不是任何标准
vertical align
的两个不同的非标准属性
-webkit-baseline-middle
仅在Chrome上可用,而-moz-middle-with-baseline
在Firefox上可用。名称相似但不相同
我在网上找不到关于这两个人的任何信息。他们甚至没有被列入名单
我的问题是:
- 它们是任何标准的一部分吗
- 什么是预期的行为时 使用它们
它们是任何标准的一部分吗 根据W3CCSS参考,这两个属性都不是任何标准的一部分。它们似乎只被Webkit和Gecko用于正确行为,正如CSS 2.1规范中所预期的: 将长方体的垂直中点与父长方体的基线加上父长方体x高度的一半对齐。
@VSG24:
使用它们时的预期行为是什么 在网上搜索之后,我在以下网站上找到了关于
-webkit baseline middle
的内容:
垂直对齐:-webkit基线中间
:元素的中心与文本的基线对齐 除此之外,我无法获得任何关于
-moz middle with baseline
的信息:
Q:Webkit基线中等-有其他选择吗?
A:相同,仅适用于Mozillavertical 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中对我做的不一样。