怎么让5个盒子的高度始终一样
来源:3-3 编程练习
qq_上帝之手_3
2017-11-23 14:52:38
*{
margin:0px;
padding:0px;
}
/*补充代码*/
.box-item{
display: flex;
flex-direction: column;
justify-content:center;
margin: 10px;
background: white;
}
.box{
display: flex;
align-items:center;
justify-content:space-around;
background: gray;
}
1、先定义好5个数据块的位置,要平分页面的总宽度。
2、不管页面宽度的如何变化,5个数据仍处于平分页面总宽度的位置
1回答
小丸子爱吃菜
2017-11-23
首先,先要保证这5个盒子的总大小是一样的,要保证盒子的大小一个,那么里面的元素就得大小都一样,图片的大小都是一样的,这个就不用管了,关键就是后面的文字介绍,保证这个部分的宽高一致,后面就不会因为页面的缩放而导致与其它的大小不一样。
你的页面中p标签的内容大小是一致的,这块需要设置下,使它们显示的一样。
祝学习愉快!
相似问题