2015-02-10 43 views
1

默認情況下塊級元素應該是其父容器的100%,但是如果我給角元素(對於指令)「display:block」它不會總是佔用父容器寬度的100%,除非我專門用「寬度:100%」來說明。一旦我設置「width:100%」,我的CSS就完全正常了,但我不明白爲什麼這是必要的,因爲「display:block」意味着我沒有其他設置元素的寬度(除非Angular會這樣做)本身)。正確地使用「display:block」的角元素

我可以發佈一個HTML的例子,但它很長,這個錯誤發生在各種Angular元素上,看起來與指令文件中的任何JS無關。

+0

Angular沒有任何元素,所以這可能只是你做css和/或html的一個問題。角度沒有任何事情會導致這種情況發生。 – ribsies 2015-02-10 17:02:27

+0

如果您使用「restrict:'E'」定義指令,則可以使用指令名稱作爲標記名稱的元素。這是具有「display:block」的特定元素,但仍需要「width:100%」: 2015-02-10 18:04:48

回答

0

如果您處理像<element>這樣的自定義元素,那麼默認情況下它們可能會呈現爲內聯元素。爲避免這種情況發生,請將標記的CSS設置爲display:block,或者在指令定義中將這些元素設置爲divreplace:true(如果這不影響其他內容)。

要做的其他事情就是按照Tahsis的評論員的說法,將指令限制爲一個元素。