-- 创造无限可能

CSS:更合理布局一个盒子里面的元素

2023-08-16 22:38:56
569 人浏览 0 人点赞
有用,点赞支持一下

在父级 标签中写一个display:flex;属性,会改变子标签盒子原本设置的高度

解决思路:可以在子标签写一个行高属性 line-height

问题:合理布局一个盒子里面的元素

不合理布局:在父级标签设置 display:flex;属性,子标签设置 flex:1;属性,设置内间距,造成盒子里的元素不居中显示。
解决思路:去掉内间距,使用 text-align: center;属性,可解决。