CSS 计算显示文本对齐：已应用居中但 html 输出中的结果不同
CSS computed showing text-align: center is applied but not the same result in html output
我无法消化这个问题。我明确声明的 p.dropify-infos-message 的 text-align css 属性 正在覆盖 form p。
计算的 css 也显示了对 form p css 属性 的罢工，并显示 text-align: center 是从 [=13= 应用的].那为什么网页渲染出来的文字还是左对齐呢？
注意：如果我取消选中表单 p { text-align: left;} 则它会起作用。但这不应该是合乎逻辑的解释。
我认为这取决于 div 和 class 名称 .dropify-infos-inner，使其宽度为 100% 并查看。
我只是注意到您正在更改另一个 class (.dropify-infos-message) 的 css 属性，它与您要居中对齐的文本无关。
更改 .dropify-message class 的 css 而不是 .dropify-infos-message class 以使该文本居中对齐。
请试试这个 css :
p.dropify-信息-消息{
宽度：100%；
display:flex;
证明内容：居中；
}
我无法消化这个问题。我明确声明的 p.dropify-infos-message 的 text-align css 属性 正在覆盖 form p。
计算的 css 也显示了对 form p css 属性 的罢工，并显示 text-align: center 是从 [=13= 应用的].那为什么网页渲染出来的文字还是左对齐呢？
注意：如果我取消选中表单 p { text-align: left;} 则它会起作用。但这不应该是合乎逻辑的解释。
我认为这取决于 div 和 class 名称 .dropify-infos-inner，使其宽度为 100% 并查看。
我只是注意到您正在更改另一个 class (.dropify-infos-message) 的 css 属性，它与您要居中对齐的文本无关。
更改 .dropify-message class 的 css 而不是 .dropify-infos-message class 以使该文本居中对齐。
请试试这个 css :
p.dropify-信息-消息{ 宽度：100%； display:flex; 证明内容：居中； }