2016-04-03 109 views
0

是否可以使用引導將文本topcenter(例如)對齊。引導文本對齊頂部中心

我已經嘗試使用:

<label class=text-align-top text-align-center></label> 

這似乎並沒有工作。

+0

做你的意思是你試過'<標籤類= 「文本對齊:首位;文本對齊:中心」>'或者這是一個認真的嘗試,你做了...並根據什麼教程或建議......? – webeno

+0

我目前使用的是''文本對齊頂',它在我的應用程序中工作。所以我正在尋找一種引導方式來對齊它的中心+頂部。如果它不存在,我想我會堅持css – JustLearning

+0

你的css與我的方式做的一樣 – JustLearning

回答

2

首先,你的代碼應該是的正確的格式...

<label style="text-align:top; text-align:center"></label> 

...雖然這一個就沒有太大的意義,因爲這將只需要第二個規則,考慮到它的重複或...

<label class="text-align-top text-align-center"></label> 

(周圍的CSS類名加上引號)

這將假定您已經定義兩者​​和text-align-centerç因爲twitter-bootstrap中沒有這樣的類。

取而代之,您可以簡單地使用Alignment classes,這將處理水平對齊,在您使用text-center的情況下。

有在嘰嘰喳喳的自舉沒有垂直對齊類,所以你將不得不將它設置「手動」你的目標元素上使用vertical-align: middle;,或者創建具有自定義類,即...

CSS:

.vertical-align-middle { 
    vertical-align: middle 
} 

HTML(與Twitter的自舉):

<label class="vertical-align-middle text-center"></label> 
+0

奇怪的是,你拒絕了我的編輯,然後你做了同樣的事情。 –

+0

@KaanBurakSener我正要編輯它自己,所以必須點擊錯誤的按鈕,然後我意識到你確實有一個有效的編輯,對不起,隊友... – webeno

+0

沒關係@webeno –