flex 父标签设置align-item:center,子元素flex:1,不起作用

flex 父标签设置align-item:center,子元素flex:1,不起作用,该元素内容为空的时候,宽度为0,如果父标签不设置align-item:center,子元素flex:1,是有效的,宽度会填充!大家有遇到过这个问题吗?

阅读 5.9k
1 个回答

这种情况建议你设置width:auto;试试,毕竟align-items:center;是为了配合display:flex来让子元素(垂直和水平)居中显示的,如果要求子元素居中了,拿就要设置子元素的宽高

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