2013-05-02 13 views
0

我有我使用的标签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; 
} 

我有一个主要的div称为profile和我有一个使用标签形式,但是当这种CSS样式顶级堆有多种用途,我尝试放置多个标签,它们堆叠在一起。我怎样才能将它们分开?

+0

将它们区分开来如何?左到右?你的位置是绝对的,这就是他们堆叠的原因。 – 2013-05-02 16:25:04

回答

2

你定位的所有标签与position: absolutetop: 318pxleft: 140px。假设他们都是<form>的直接子女,这将把他们放在完全相同的位置。

您应该尝试一种不同的方法来定位标签,也许position: relative,或尝试更多的行列样式方法。

+0

我试图将位置改为相对,但我无法正确定位标签。我希望他们能够接受这门课的属性,我不想每次都定义一个新课。有没有办法做到这一点 – user2321895 2013-05-02 16:28:36

+0

我建议不要使用'position:relative'那么。尝试使用'

'的子容器来获得所需的布局。但是,当我不知道所需的布局是什么时,很难给出建议。 – mash 2013-05-02 16:30:34

+0

我希望它们水平分布,当我使用relative时,它们垂直于eachother下方 – user2321895 2013-05-02 16:33:28

0

尝试改变位置相对

+0

我做到了,他们只是在彼此之间堆叠。我想将它们分开较宽 – user2321895 2013-05-02 16:29:45

0

你可能想尝试使用margin和/或padding来将它们隔开。如果你想让它们并排浮动:也是左边的?