CSS:text-align-last在chrome中不起作用?

Dav*_*d T 7 css google-chrome

text-align-last应该适用于所有现代浏览器.我使用Chrome 38并且这个css属性似乎不起作用 - 在Deverloper工具中,它突破了这一行.

任何想法为什么会发生?可能是Chrome 38的错误?我发现在过去的Chrome版本中存在某种问题.

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

dig*_*ron -2

基线定位因浏览器而异。这就是为什么 Chrome 中的 text-align-last 表现不同。此处解释了可能的修复

http://blogs.adobe.com/webplatform/2014/08/13/one-weird-trick-to-baseline-align-text

超文本标记语言

<div>
  <span class="letter">T</span>
  <span class="strut"></span>
<div>
Run Code Online (Sandbox Code Playgroud)

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;
}    
Run Code Online (Sandbox Code Playgroud)

摘要
1. 内联图像使用图像的底部边缘作为基线
2. 因此,向 div 添加一个空的内联块支柱来定位整行的基线。

  • @digiron 我认为你有点困惑。我在这里谈论这个:https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last (2认同)
  • 这是一个完全不同的问题,即文本的垂直对齐。问题是关于块最后一行的水平对齐。 (2认同)