css - 用于在div中格式化文本的CSS无法正常工作

我的网站用户正在使用TinyMCE编辑器来编写内容，完成内容编写后，他们会将其保存到我的数据库中。然后，我从数据库中获取这些文章，并使用以下代码进行显示：

<h2><?php echo $records ['article_title']; ?></h2>

 <div style="text-align:justify; font-size:12px;">
         <?php echo $records ['article_content']; ?>
   </div>

如果我的用户使用字体大小或格式文本，则div内的CSS不起作用。例如;如果任何用户使用14px字体大小并将文章的text-align设置为right，则div中的代码style="text-align:justify; font-size:12px;不起作用。

我不想以大于12px的字体显示内容；

你能告诉我怎么做吗？

谢谢 ：）

编辑

在我的CSS文件中，添加了以下代码：

 .textformat{
             text-align:justify !important;
             font-size:12px !important;
        }

然后在我的视图文件中：

      <div class="textformat">
         <?php echo $records ['article_content']; ?>
      </div>

但仍然无法正常工作，请向我建议其他事项。
谢谢 ：）

最佳答案

如果这是您始终希望css处于用户可编辑区域style="text-align:justify; font-size:12px;内的方式，则将该style="text-align:justify !important; font-size:12px !important;放入您的css文件中。这将取代TinyMCE输出的内联样式。

我确定您可以进入TinyMCE后端并更改设置，但这是一个快速修复。

关于css - 用于在div中格式化文本的CSS无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10562386/