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 添加一个空的内联块支柱来定位整行的基线。
| 归档时间: |
|
| 查看次数: |
2462 次 |
| 最近记录: |