因为设置了display: flex; 导致block布局变成了flex布局, 所以在子元素宽度没有被撑破的情况下,子元素宽度是有效的,但是当子元素内容过多,此时宽度会比实际宽度小,所以如果想要在已经设置了flex布局的基础上,再进行子元素宽度的设置,可以应用下面的样式:
(在该子元素上设置)
1 | width: 120px; |
转载:https://blog.csdn.net/qq_28073073/article/details/90479025
本文作者:
阿清そ
发布时间: 2020-11-12
最后更新: 2020-11-12
本文标题: 解决父元素display:flex布局下的子元素宽度无效问题
本文链接: https://www.aqingya.cn/articl/48ab6c53.html
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
发布时间: 2020-11-12
最后更新: 2020-11-12
本文标题: 解决父元素display:flex布局下的子元素宽度无效问题
本文链接: https://www.aqingya.cn/articl/48ab6c53.html
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
