2012-11-03 41 views
9

因此,您已嘗試將<small>HTML元素與CSS屬性text-align: center(或right)對齊,它不起作用?Pesky lil'<small>元素不能與文本對齊,需要被阻止

small element resisting text-align

嗯,這可能是因爲你的HTML/CSS看起來like this。這裏有一個簡單的CSS解決方案...

如果設置了small { display: block }屬性like this那麼它就像一個魅力:

small element being good

Horay!

但是,你可能可以告訴一些事情是不正確的...... ,爲什麼它仍然工作呢?

+0

有點奇怪的方式來問/回答問題。也許只是用一個問題來澄清這個「問題」,並用答案中的更多信息來擴充你的答案。 IE:不要回答「Horay」你的問題。 –

+2

我沒有看到問題,而問題是相關的,答案是連貫的,豐富了集體知識。 http://blog.stackoverflow.com/2011/07/its-ok-to-ask-and-answer-your-own-questions/ – nicooga

+0

感謝您的評論球員。 **追逐**,你的意思是?我認爲像這樣分裂它大致在中間 - 對找到答案的人來說容易 – Baumr

回答

9

那麼,<small>基本上是一個內聯元件和text-align屬性是要applied to block elements和向下傳遞到子內聯元素(或strings inside)。

通過將small設置爲塊元素,我們允許其中的文本被設置樣式。


此外,W3 spec限定<small>元件的措辭上下文內使用 - 類似於像<strong><b><span><a>and so on元件 - 這會做same thing在這種情況下。

W3 wiki examples建議把<small><p>標籤和作風 - 我猜這就是更語義解,這裏的the code如果你需要看到它。


爲什麼這有點混亂?

那麼,網絡上的一些第三方資源沒有提及它,或者至少沒有明確地提到它。例如,HTML5 Doctor's example使用元素周圍沒有塊元素容器的small

希望澄清事情!一如既往,請讓我知道我是否遺漏了任何東西。 (我想我是這樣做的。)

+2

是正確的。您試圖將內聯元素用作塊元素。 B/c默認情況下它不是阻止的,你用「display:block」強制它。同樣的事情也適用於標籤。 – heyjohnmurray