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; 证明内容:居中; }