当前位置: 首页 > Web前端 > CSS

按钮内的flex没有垂直居中!

时间:2023-03-30 14:32:13 CSS

问题描述按钮样式为图标+文字。使用flex布局写垂直居中时,iphone7手机上的文字和图标没有居中,而是显示在左边。代码如下(缩小):...button{display:flex;对齐项目:居中;证明内容:居中;img{宽度:36px;高度:36px;显示:内联块;}}期望样式:实际样式:解决方法是在icon和text外面包裹一层label,并为外面的label设置一个flex垂直居中的样式,代码如下:...button{display:flex;对齐项目:居中;证明内容:居中;.wrap{img{宽度:36px;高度:36px;显示:内联块;}}}