使用 的 ckeditor 换行符

Question

我正在使用 ckeditor，它使用  换行。

但我想使用 bootstrap 输出到 html。它不会在图像上换行。

我尝试使用  ，ckeditor 将其替换为 。

标签内的图片如何写css换行？

Answer 1

运行此代码段并查看结果我希望它能帮助您解决问题。

img{
display:block;
}

<p>this is some text here<img src="#" alt="myimage">
</p>

Answer 2

.block {
  padding-top: 20px;
  display: block;
}
p {
  font-size: 16px;
}

<div class="block">
  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
  <img src="https://image.ibb.co/k18JpK/images_20.jpg">
</div>

请检查上面的代码，如果你使用块属性它以块形式出现，否则你必须在 HTML 中使用这个
标签来打破行。

使用 <p> 的 ckeditor 换行符

ckeditor line break using <p>

html

css

ckeditor