今天,遇到了一个超级坑的问题,解决了超级久没找到解决方法,各种百度,终于在茫茫的答案中找到了,太不容易了,泪奔~~
因此赶紧在这里记录下!!!!!
问题:一级父元素采用
flex
布局,但是没有设置高度,他有三个
子元素
,父元素的高度是有第三个
子元素
的高度撑开的,现在的情况是,需要让第一个
子元素
的高度和父元素一样高,但是现在如果是设置第一个
子元素
的高度为100%,是不会生效的
解决:设置...
<div class=”item”>我是一些需要垂直居中的文字</div>
<div class=”item”>我是一些需要垂直居中的文字</div>
<div class=”item”>我是一些需要垂直居中的文字</div>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</titl
本文参考出处:http://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height
粘出来的三种解决方案只是点赞人数最多的那个回复,但是其余的回复仍有很多参考价值,可以参考一下的。