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



text align last应该适用于所有现代浏览器。我使用的是Chrome38,而这个css属性似乎不起作用——在DeverloperTools中,它去掉了这一行。

有什么想法吗?也许是Chrome 38漏洞?我发现在过去的Chrome版本中存在某种问题。

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

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

在Chrome 38中的开发工具中,声明被删除,但工具提示文本显示属性无效。在Chrome 40中,这一问题已经得到修复:工具提示显示属性名称无效(意味着浏览器无法识别/支持它)。启用"实验性Web平台功能"似乎没有帮助。因此,该属性仍未实现。

编辑:正如现在的问题所指出的,Chrome支持47版本的功能,浏览器支持也很好(尽管并不完美),否则,请参阅http://caniuse.com/#feat=css-text对齐最后一个

浏览器中的基线定位各不相同。这就是为什么Chrome中文本最后对齐的行为有所不同。此处解释了可能的修复

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中添加一个空的内联块支柱,以定位整条线的基线。

最新更新