将单个组件以角度 8 居中,而不影响该组件内子元素的样式

Nip*_*a C 1 css frontend angular

我想将 div 放在组件内居中,而不影响该组件内 div 的样式。我怎么能这样做呢?

我正在使用角度 8 。文本对齐方法会影响该 div 内文本的对齐方式。我想将元素居中,同时防止这种情况发生。

chr*_*rke 6

有很多方法可以使 div 居中,并且所有方法都可以在不影响子元素的情况下完成。这里描述了一个非常好的方法列表:

https://css-tricks.com/centering-css-complete-guide/

对于您的情况,最简单的可能是添加

display: flex; justify-content:center; align-items:center;
Run Code Online (Sandbox Code Playgroud)

如需学习 Flexbox 的更多帮助,可以玩一个有趣的游戏: https ://flexboxfroggy.com/