CSS计算显示文本对齐：应用中心，但在html输出中结果不同

我无法消化这个问题。我明确声明的

p.dropify-infos-message

的

text align

css属性正在覆盖

表单p

此外，计算出的css显示了对

表单p

css属性的罢工，并显示

文本对齐：中心

是从

p.dropify-infos-message

应用的。那么为什么网页中呈现的文本仍然是左对齐的呢

---

注意：如果我取消选中表单p{text align:left；}，那么它可以工作。但这不应该是合乎逻辑的解释

我认为这取决于类名为的div。dropify infos inner，将其设置为100%宽度，然后查看。

我注意到您正在更改另一个类（

.dropify infos message

）的css属性，该类与要对齐的文本不相关。 将

.dropify message

类的css更改为

.dropify infos message

类，以将该文本对齐到中心

请尝试以下css：

p、 dropifyinfos消息{ 宽度：100%； 显示器：flex； 证明内容：中心； }

---

你能分享你的代码吗？@NirajKaushal，我正在本地机器上运行这个laravel项目。你有什么办法可以提出替代方案吗？我会尽我最大的努力。改变dropify消息类的css而不是dropify infos消息类。我刚刚在你之前得到了这个，但你也达到了目标。谢谢你怎么知道我突出显示了错误的块

.dropify message p{text align:center；}

成功了。我刚刚检查了这个站点（），知道您正在另一个类中修改css

.dropify wrapper.dropify preview.dropify infos.dropify infos内部{position:absolute；top:50%；-webkit transform:translate（0，-40%）；transform:translate（0，-40%）；-webkit背面可见性：隐藏；背面可见性：隐藏；宽度：100%；填充：0 20px；-webkit转换：全部.2s轻松；转换：全部.2s轻松；

已经100%