当 div 内的标签具有内联文本对齐以对齐时，如何从 div 左侧对齐文本答案

【问题标题】：How to Align text at left from div when tags inside div have inline text-align to justify当 div 内的标签具有内联文本对齐以对齐时，如何从 div 左侧对齐文本
【发布时间】：2021-08-28 16:41:39
【问题描述】：

我想修复网站的前视图。我只是一个初学者。长描述中出现的问题，在 p 标签中有值。

笔记本电脑视图：

移动端视图：

检查中的 Css： 我不知道 BLDes 中的 Class="MsoNormal" 和样式 来自哪里，但我必须修复它。

代码背后：

<div class="uni-entry-description" style="text-align:left !important">
                                                        <p>
                                                            @Html.Raw(Model.BLDes)
                                                        </p>
                                                    </div>

Model.BLDes 的值是编辑我的富文本编辑器。因此，它包含一些 p 标签。 div inline css 在其中不起作用。
inspect 中的第一个 p 标签来自代码，而其他 p 标签是 BLDes 的值。
我使用 !important 关键字在 div 中使用内联 css，但它不起作用。我还将媒体查询用于移动视图，但无法正常工作。提前感谢您的帮助。

到目前为止我尝试了什么：

【问题讨论】：

从内联样式覆盖 p 上的文本对齐，!important 仅适用于样式表，而不适用于内联父样式属性的样式。它不适用于也设置了内联样式的子级。 Javascript 可以做到。你试过什么失败了？分享您的尝试，以便我们了解失败的原因。
我也将样式表与 !important 一起使用，但没有任何效果。我也在媒体查询中使用了重要的关键字，但结果是一样的
好的，你试过 JavaScript 吗？类似于：window.onload=function() {for (let e of document.querySelectorAll(".uni-entry-description p")) {e.style.textAlign ="left";} }?

标签： javascript html css model-view-controller text-align

【解决方案1】：

感谢大家。谁阅读了这篇文章并做出了贡献。
通过Remove a specific inline style with Javascript|jQuery 的帮助解决了这个问题。

我只是将脚本标签的位置从页面的顶部更改为底部。

<script>
    let declaration = document.getElementsByClassName("MsoNormal");
    for (let i = 0; i < declaration.length; i++) {
        declaration[i].style.removeProperty("text-align");
    }    
</script>

如果有人向我解释为什么更改脚本的位置可以解决问题，那对我以后真的很有帮助。为了避免这样的错误。提前致谢

[已编辑]
更改上面的代码，使任何没有 MsoNormal 类的标签仍然左对齐

let allElementInDiv = document.getElementsByClassName("uni-entry-description");
    for (let i = 0; i < allElementInDiv[0].children.length; i++) {
        allElementInDiv[0].children[i].style.removeProperty("text-align");
    }

【讨论】：

您的脚本应该在加载 HTML 之后加载，否则它将找不到任何内容。它可以在关闭 body 标签之前或在 window.onload 事件上;)

【解决方案2】：

您可以删除style="text-align:left" 并尝试此代码

<p align="left">
        @html...
</p>

【讨论】：

什么也没发生。