实现水平垂直居中最便捷的方法 - cssinspirationguide - csc inspiration guide online

[chokcoco]

https://chokcoco.github.io/CSS-Inspiration/#/./layout/best-way-to-center-element

csc inspiration guide online

[HuziG]

懂了

[danica-leo]

为什么我之前都没有意识到这一点！

[lianxin255]

秒啊

[hutong9]

厉害了

[1596944197]

一个眼前一亮的方法

[hutong9]

您好：    双换感谢您的来信，收到信后我会第一时间回复您，如需紧急处理请致电15809253357，谢谢！

[Teeoo]

<div class="container">
    <div class="item">item</div>
</div>

.container {
    text-align: center;
    line-height: 100vh;
}

[shylock-wu]

@Teeoo

<div class="container">
    <div class="item">item</div>
</div>

.container {
    text-align: center;
    line-height: 100vh;
}

不行啊

[Teeoo]

@shylock-wu

[shylock-wu]

@Teeoo

@shylock-wu

这种确实可以，就是正常的一个div 使用text-align 和line-height来实现，说白了就是让一个文字在一个元素里面水平垂直居中。但是局限性太大，仅仅是能让文字水平垂直。如果给一个子元素加一个宽高或者任何其他属性就不行了 https://codepen.io/last-order-wsk/pen/PoXYzQr