使hr元素清晰：都在CKEditor编辑窗口中

Question

我在CKEditor 4窗口中添加内容，并且我的hr元素没有清除其左侧的内容：

如何更新窗口中使用的css，以便hr标签具有clear: both;属性？

我尝试添加标准

hr {
    clear: both;
}

我自己的属性较少，以及将其嵌套在ckeditor类中，但它没有效果。

Answer 1

hr标记用于创建＆＃34;段级主题中断＆＃34;，它不用于清除。您还可以使用以下CSS在div标记后添加hr元素：

<style type="text/css">

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

.clearfix {display: inline-block;}  /* for IE/Mac */

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
   }  /* Only IE can see inside the conditional comment
         and read this CSS rule. Don't ever use a normal HTML
         comment inside the CC or it will close prematurely. */
</style>
<![endif]-->

您可以阅读更多相关信息here。希望有所帮助。