Question

我有两个我想要彼此相邻的元素，以及我想要放在前两个元素之下的三个元素，如下所示：

元素1元素2

元素3元素4元素5

实际上这些是文本元素，无论文本有多长，我都希望它们仍然保持在那个位置。如何在不使用＆amp; nbsp 的情况下执行此操作？

Answer 1

如果是文本，请使用<br>。写得像这样：

Element 1 Element 2 <br>Element 3 Element 4 Element 5

＆安培;如果它是HTML元素。写得像这样：

<强> HTML

<div>element1</div>
<div>element2</div>
<div class="ele3">element3</div>
<div>element4</div>
<div>element4</div>

<强> CSS

div{
  float:left;
  margin-right:5px;
}
.ele3{
  clear:both;
}

选中此http://jsfiddle.net/K9Smv/

Answer 2

使用<div>标记创建两个不同的容器。

<div>
  Element 1 Element 2
</div>

<div>
  Element 3 Element 4 Element 5
</div>

Answer 3

<div>
    element1
    element2
</div>

<div class="new_line">
    element3
    element4
    element5
</div>

<div class="new_line">
    element6
    element7
    element8
    element9
</div>

div{
  float:left;
  margin-right:5px;
}
.new_line{
  clear:both;
}

将元素置于彼此之下

3 个答案: