我希望把一个
div
置于屏幕顶部并使其子元素置于中心,而不影响其他元素的位置。
.parent {
display: flex;
justify-content: center;
position: absolute;
}
<div class="parent">
<div class="child">text</div>
</div>
当我添加position: absolute
代码时,justify-content: center
就会无效。它们是否相互冲突?解决方案是什么?
编辑
谢谢各位,问题出在父元素的宽度上。但是我使用的是React Native,所以无法设置width: 100%
。尝试了flex: 1
和align-self: stretch
,两者都不起作用。我最终使用Dimensions获取窗口的完整宽度,并且解决了问题。
编辑
在较新版本的React Native中(我使用的是0.49),接受width: 100%
。