Question

我有这种用于标签的CSS样式

#profile form label {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 21px;
   text-align: center;
   color: #FFF;
   text-shadow: 0px 2px 1px #333;
   top: 318px;
   text-align: center;
   width: 273px;
   opacity: 0.9;
   left: 140px;
   display: block;
   position: absolute;
}

我有一个名为profile的主要div，我有一个使用标签的表单，但是当我尝试放置多个标签时，它们堆叠在一起。我怎样才能将它们分开？

Answer 1

您使用position: absolute和top: 318px，left: 140px定位所有标签。假设他们都是<form>的直接孩子，这将把他们全部放在完全相同的位置。

您应该尝试使用不同的方法来定位标签，可能是position: relative，或者尝试更多的行列样式方法。

Answer 2

尝试将位置更改为相对

Answer 3

您是否可能想尝试使用边距和/或填充来将它们分开。如果你想要它们并排浮动：也可以左转？

CSS - 类堆栈的多种用途

3 个答案: