flex 元素的宽度受限于可滚区域
问题中遇到困难在于使用 flex 布局模拟表格时,行的宽度不能占满可滚区域的宽度。
原因分析
问题出现的原因是 action-column 元素没有设置 width 属性。虽然设置了 flex-basis 属性为 300px,但 max-content 识别到的宽度仅是 padding 和按钮所占据的宽度。
解决方法
要解决此问题,需要手动为 action-column 设置 width 属性,而无需使用 flex-basis 属性。具体原理可参考规范说明。
以上就是Flex 布局中如何让行宽度占满可滚区域?的详细内容,更多请关注其它相关文章!