我的段落之一没有遵循“ text-align-last”中心对齐属性

问题描述

我目前正在Shopify商店上工作，并调整代码以使<div>的多个段落合理，而最后一行与中心对齐。

但是，div中的第二段在第一个属性之后，而不是在最后一行。因此，我有一个段落，其文本向左对齐。

这是我的css代码的样子：

.rte-setting.mega-subtitle p {
  text-align: justify; 
  text-align-last: center;
  /*width: 70%;*/
  position: relative;
}

这可能只是Shopify的事情，但是任何人都可以帮忙吗？

解决方法

如果您希望块中的最后一个段落的行为有所不同，则要使用last-of-type伪类。

.rte-setting.mega-subtitle p {
  text-align: justify; 
}
.rte-setting.mega-subtitle p:last-of-type {
  text-align: center; 
}

,

尝试

text-align: justify !important;