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

问题描述

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

笔记本电脑视图：

移动视图：

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

背后的代码：

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

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

到目前为止我尝试过的：

• Spacing between some words is just too big in mobile view when text is justified
• Disable inline css style
• Remove a specific inline style with Javascript|jQuery

解决方法

谢谢大家。谁阅读了这篇文章并为它做出了贡献。
问题在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");
    }

,

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

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