css - 使 block 元素在文本之间插入自身

Question

我想要这个标记

<p> Content 1 </p>
<p> Content 2 </p>
<div> Div 1 </div>

我希望它像这样显示:

<p> Content 1 </p>
<div> Div 1 </div>
<p> Content 2 </p>

这样做的原因是我想在一个富文本编辑器中编辑页面文本(那些在<p> 标签中的)，然后在<div> 中编辑内容。标记在单独的部分中编辑，但 <div> 的内容标记仍将位于页面内容的中心。

我目前正在考虑在 PHP 中执行此操作，我将简单地 explode()它，按句子拆分，然后在 div 之前显示前几个句子和 div 之后的剩余句子.但我希望会有一些“float”——比如解决这个问题的 css 技巧。

有关我真正想做的事情的引用，请查看此站点:

http://katron.sourcefit.com/static/a&a/about-us.html

Answer 1

您可以使您的 div 内联而不是 block :

<div style="display: inline;"></div>

这样它就会像一个<span>但仍然是一个 div。