Css 在Safari和Chrome中居中对齐文本的最后一行（“文本对齐最后一行”不起作用）

您好，我正在尝试格式化我的网页段落，以便文本对齐，最后一行居中。我找到了CSS属性“text align last”，它允许我指定最后一行的对齐方式

问题是Chrome和Safari不支持此属性（但…？）

有人有其他选择或诀窍来做到这一点吗

W3C手册：

---

谢谢

我认为单凭CSS是不可能的

下面是一个JavaScript解决方案，其中一个克隆位于元素后面。元素具有

text align:justify

，克隆具有

text align:center

然后，代码会降低原始元素的高度，以便只显示克隆的最后一行

var p=document.getElementById（'lorem'），
clone=document.createElement（'p'）；
clone.textContent=p.textContent；
clone.className='clone'；
p、 parentNode.insertBefore（克隆，p）；
p、 花式高度=p.offsetHeight-14+‘px’
#lorem，.clone{
位置：绝对位置；
线高：14px；
字体：14px arial；
宽度：500px；
}
#洛勒姆{
文本对齐：对齐；
溢出：隐藏；
背景：白色；
}
.克隆{
文本对齐：居中；
}
lorem ipsum door sit amet，adipiscing Elite，sed do eiusmod temporal incident ut laboure and dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔不自以为是的丘比特外，还必须为自己的行为负责。
我不熟悉Angular，但这个代码应该可以很好地使用它。我认为这在CSS中是不可能的。这是正确的做法吗？我可以在浏览器上看到克隆，1px显示。安全吗？不知道你说的“1px秀”是什么意思？你的意思是你看到了克隆元素的一个像素吗？是的，我可以看到一个1px的克隆元素，而且，克隆元素对搜索引擎优化有好处，或者它会影响搜索引擎优化性能，我的意思是搜索引擎会把它作为重复的内容吗？谢谢。为了让无法理解“14”的含义的人明白，它是元素的线条高度。因此，您实际上可以通过简单地获取该元素的line height属性并将其分配到该元素来实现此动态！