怎么让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标签的内容大小是一致的,这块需要设置下,使它们显示的一样。

祝学习愉快!

0

0 学习 · 119 问题

查看课程