flex布局使div长宽比例变形是什么问题?

demo链接:http://jsrun.net/qLLKp/edit

image.png

上面是flex布局,下面是float布局

为什么flex布局会把形状变形呢?

但是浮动布局无法使文字左边对齐

我要达到下面这个效果要怎么写代码呢?

image.png

阅读 3.6k
2 个回答
i {
    ...
    flex-shrink: 0;
    ...
}

加上这个

给i标签设置一个固定宽度就没问题了:flex:0 0 16px

image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题