哪些 html 元素可以浮动

Question

我尝试将一些预先格式化的用户输入放置在 <pre> 标记中以保留其格式，例如换行符、白色 space 等。然而，我还需要这个文本围绕 div 流动……你知道围绕它浮动。然而，似乎只有 <p> 元素坚持这种四处流动的行为，同时仍然是一个本身对布局很重要的块级元素，因此我可以修改文本的 margin-top 和 margin-bottom。

所以问题是：如何使块格式元素围绕浮动元素浮动？

Answer 1

<pre> 元素将围绕浮动元素流动，如本例所示。它还接受边距和填充。填充在这个例子中。

div {
  float: left;
  margin-right: 15px;
  width: 200px;
  height: 150px;
  background: blue;
  color: white;
}

pre {
  background: #ccc;
  padding: 20px;
}

<div>Floated</div> 
<pre>Nam fermentum vitae 
  purus eu vestibulum. 
  Curabitur vitae 
Nam fermentum vitae 
  purus eu vestibulum. 
  Curabitur vitae 
Nam fermentum vitae 
  purus eu vestibulum. 
  Curabitur vitae 
Nam fermentum vitae 
  purus eu vestibulum. 
  Curabitur vitae 
Nam fermentum vitae 
  purus eu vestibulum. 
  Curabitur vitae 
 </pre>

哪些 html 元素可以浮动

What html elements can be floated around

html

css

browser

css-float