解决html子元素垂直居中的问题

学习过程中经常遇到这样的问题,父级容器的高度会随着内容的增多而变化,子元素又想要在父级容器中垂直居中显示,然后第一反应就是设置vertical-align,发现不行,再设置margin:auto 0;垂直方向也不生效,没辙没辙的,最后就用了table。table不是不行,为什么不推荐,你懂得。

那么我们的解决办法很简单:就是margin:auto 0,只要在父容器上加上一个writing-mode:vertical-lr;效果就像附件绿方块那样。这问题你遇到了吗?

你可能感兴趣的:(html,css,javascript,jquery,bootstrap)