角2成分標籤打破布局樣式

和其他一些規則也因成分標籤。

樣式由其他團隊提供，他們單獨存儲，其中一些與media-query有關，所以我不能用:host { margin-left: auto; }來使用丑角。此外，某些款式（flex-grow e.x.）具有數值，無法在實際款式更改中輕鬆追蹤和更改。

如何在不編寫角度特定樣式的情況下解決這個問題？

2017-02-11 drow

margin-left不會將user移到右側。如果你想在那裏然後用風格，如果你使用的風格<flex-item>元素

.header-user { 
    position: absolute; 
    right: 16px; 
    ... 
}

flex佈局工作。是的，在這個應該是父代div的第一個孩子的容器內創建了這個元素。

2017-02-12 20:57:30

'margin-left does not move user to the right'it does。只需將'margin-left：auto'添加到'header-user'標籤，這將按預期工作。 '如果在元素上使用樣式'，那麼在很多情況下不能使用樣式，樣式不應與任何框架相關 – drow

*由於'margin-left：auto'，'user'必須位於右邊緣，但'header '用戶'標籤打破了這個*，實際上它相對於最後一個項目被默認定位在左邊。它已經添加到標題用戶中，應該刪除。樣式與框架無關，但與DOM的html元素有關。 –

回答