CSS线与图像打破

Question

众所周知，我们使用<br>打破网站中的界限......但我想将图像作为换行符。例如：

  

这是一些文字，我会像这样打破它 - ＆gt;
   - * - * - * - * - * - * - * - * - * - * - *
还有更多文字

我怎么做？

Answer 1

给它一个块 display：

img {
  display: block;
}

Lorem ipsum <img src="https://placekitten.com/100/100" /> dolar sit amet

Answer 2

据我所知，＆lt; div＆gt; element是一个块元素。任何块元素始终以新行开头。因此，您可以创建一个想要作为断路器的图像。然后将它包装在div标签中，如此

＆lt; div＆gt;＆lt; img src ='YOUR_IMG.jpg'/＆gt;＆lt; / div＆gt;

这应该有用。

谢谢和问候，
阿肖克