Question

如何在div周围包装文本。使用css将div保留在文本正文的中间？

草图：

text text text text 
text text text text 
text text text text 
text text text text 
+-------+ text text 
+       + text text 
+  div  + text text 
+       + text text 
+-------+ text text 
text text text text 
text text text text 
text text text text 
text text text text

注意：从HTML的角度来看，div位于文本之前。

<div></div> [... text...]

Answer 1

其他答案是正确的，因为您需要浮动<div>（例如div { float: left; margin: 10px 0 10px 10px; }，但请记住，为了<div>出现在<你内容的em>中间，它本身就是。

当使用像这样的浮动时，你必须记住你必须在之前插入你想要环绕它的内容的<div> 。因此，在这种情况下，有一段文字，插入<div>，然后有几个段落。当您浮动<div>时，它会显示在您的内容中间。

Answer 2

你需要漂浮你的div。例如，您可以像这样设置div：

float:left;
margin:10px; //To leave a gap around the div

Answer 3

您需要的是float property。请尝试以下示例：

.youDiv {
float: left;
}

使用css在div（文本中间）周围环绕文本

3 个答案: