2013-05-02 14 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來將它們隔開。如果你想讓它們並排浮動:也是左邊的?