text-align-last应该适用于所有现代浏览器。即时通讯使用Chrome 38和这个CSS属性似乎并没有工作 - 在Deverloper工具,它罢工了这条线。CSS:文本对齐最后不工作在铬?
任何想法为什么会发生?也许是Chrome 38的错误?我发现在过去的Chrome版本中这是一个问题。
[二零一六年十月三十零日编辑:我与这个漂亮的晚,但如果有人还发现这个答案,文本对齐,最后是因为Chrome浏览器47支撑,12月份发布2015年]
text-align-last应该适用于所有现代浏览器。即时通讯使用Chrome 38和这个CSS属性似乎并没有工作 - 在Deverloper工具,它罢工了这条线。CSS:文本对齐最后不工作在铬?
任何想法为什么会发生?也许是Chrome 38的错误?我发现在过去的Chrome版本中这是一个问题。
[二零一六年十月三十零日编辑:我与这个漂亮的晚,但如果有人还发现这个答案,文本对齐,最后是因为Chrome浏览器47支撑,12月份发布2015年]
基线定位变化在浏览器中。这就是为什么Chrome中的text-align-last行为不同。这里说明与可能的修复
http://blogs.adobe.com/webplatform/2014/08/13/one-weird-trick-to-baseline-align-text
HTML
<div>
<span class="letter">T</span>
<span class="strut"></span>
<div>
CSS
div {
width: 100px;
height: 100px;
border: thin black solid;
}
.letter {
font-size: 100px;
line-height: 0px;
background-color: #9BBCE3;
}
.strut {
display: inline-block;
height: 100px;
}
摘要
1.内嵌图像使用该图像的底部边缘作为基准
2.所以添加一个空的内嵌块strut到div来定位整条线的基线。
也许你可以给出一个修补程序的简要总结(以防博客在将来不再可用) – 2015-01-03 19:17:12
@digiron我觉得你有点困惑。我在这里谈论这个:https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last – 2015-01-04 10:49:48
这是关于一个完全不同的问题,即文本的垂直对齐。问题是关于块的最后一行的水平对齐。 – 2015-01-22 15:32:34
它尚未在Chrome中实施。有一个bug设置为RESOLVED FIXED,但似乎没有任何有关已实施的实际修复的信息。 MDN info表示Chrome 35支持,但链接到此错误。
在Chrome 38中的开发工具中,声明被删除,但工具提示文字说明属性值无效。在Chrome 40中,这个问题已得到修复:工具提示说,属性名称无效(意味着它不被浏览器识别/支持)。启用“实验性Web平台功能”似乎没有帮助。所以该物业仍未实施。
编辑:正如现在的问题指出,Chrome支持从47版的功能,以及浏览器的支持还是不错的(虽然不是完美的),否则,也看到http://caniuse.com/#feat=css-text-align-last
https://bugs.webkit.org/ show_bug.cgi?id = 76173 – Banana 2014-11-06 19:06:44
所以它从来没有实际执行过?不幸的是, – 2014-11-06 19:08:12
显得如此。 – Banana 2014-11-06 19:10:10