CSS：text-align-last 在 chrome 中不起作用？

Question

text-align-last 应该适用于所有现代浏览器。我使用的是 Chrome 38，但这个 css 属性似乎不起作用 - 在开发者工具中，它删除了这条线。

任何想法为什么会发生？也许是 Chrome 38 的错误？我发现这是以前版本的 Chrome 中的某种问题。

[2016 年 10 月 30 日编辑：我已经很晚了，但如果有人仍然找到这个答案，那么自 2015 年 12 月发布的 Chrome 47 起支持 text-align-last]

Answer 1

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

在 Chrome 38 的开发工具中，声明被删除，但工具提示文本显示属性 value 无效。在 Chrome 40 中，此问题已得到修复：工具提示显示属性 name 无效（意味着浏览器无法识别/支持它）。启用“实验性 Web 平台功能”似乎没有帮助。所以该属性仍未实现。

编辑：正如现在问题中所述，Chrome 支持版本 47 的功能，并且浏览器支持很好（尽管不完美），否则，请参阅 http://caniuse.com/#feat=css-text-align-last

Answer 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. 所以在 div 中添加一个空的 inline-block strut 来定位整行的基线。