Question

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

任何想法为什么会发生？可能是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中的开发工具中，声明已被删除，但工具提示文本显示属性值无效。在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中添加一个空的内联块支柱，以定位整条线的基线。

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

2 个答案: