2014-11-06 18 views
7

text-align-last应该适用于所有现代浏览器。即时通讯使用Chrome 38和这个CSS属性似乎并没有工作 - 在Deverloper工具,它罢工了这条线。CSS:文本对齐最后不工作在铬?

任何想法为什么会发生?也许是Chrome 38的错误?我发现在过去的Chrome版本中这是一个问题。

[二零一六年十月三十零日编辑:我与这个漂亮的晚,但如果有人还发现这个答案,文本对齐,最后是因为Chrome浏览器47支撑,12月份发布2015年]

+1

https://bugs.webkit.org/ show_bug.cgi?id = 76173 – Banana 2014-11-06 19:06:44

+0

所以它从来没有实际执行过?不幸的是, – 2014-11-06 19:08:12

+0

显得如此。 – Banana 2014-11-06 19:10:10

回答

-2

基线定位变化在浏览器中。这就是为什么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来定位整条线的基线。

+0

也许你可以给出一个修补程序的简要总结(以防博客在将来不再可用) – 2015-01-03 19:17:12

+2

@digiron我觉得你有点困惑。我在这里谈论这个:https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last – 2015-01-04 10:49:48

+2

这是关于一个完全不同的问题,即文本的垂直对齐。问题是关于块的最后一行的水平对齐。 – 2015-01-22 15:32:34

2

它尚未在Chrome中实施。有一个bug设置为RESOLVED FIXED,但似乎没有任何有关已实施的实际修复的信息。 MDN info表示Chrome 35支持,但链接到此错误。

在Chrome 38中的开发工具中,声明被删除,但工具提示文字说明属性无效。在Chrome 40中,这个问题已得到修复:工具提示说,属性名称无效(意味着它不被浏览器识别/支持)。启用“实验性Web平台功能”似乎没有帮助。所以该物业仍未实施。

编辑:正如现在的问题指出,Chrome支持从47版的功能,以及浏览器的支持还是不错的(虽然不是完美的),否则,也看到http://caniuse.com/#feat=css-text-align-last