css - 是否可以在列布局中使所有弹性项目具有相同的宽度?
问题描述
column {display: flex; flex-direction: column}
column > * {border: 1px solid}
<column>
<flex1>1234567890</flex1>
<flex2>abc</flex2>
<flex3>...random length...</flex3>
</column>
上面没有完成我喜欢做的事情。
解决方案
使用inline-flex
andwidth:100%
用于弹性项目:
column {
display: inline-flex;
flex-direction: column
}
column>* {
width: 100%;
border:1px solid red;
}
<column>
<flex1>1234567890</flex1>
<flex2>abc</flex2>
<flex3>...random length...</flex3>
</column>
推荐阅读
- azure - 如何重置为 Azure 中的系统托管标识创建的服务主体的密码?
- sorting - 查找浮点数组 awk、sed、排序的最小值和索引
- c# - 将项目添加到 WPF mvvm 中的 ComboBox
- uwp - 如何对调用 api 的 UWP 应用进行压力测试/性能测试
- xslt - 如何在 XSL 中将逗号分隔值转换为换行符分隔值
- angularjs - AngularJS初始化触发两次
- python - 在单引号中传递 Python 列表
- sql - 查找从事特定项目编号的人员的姓名
- kubernetes - 使用 Kubernetes 时是否需要管理节点级别的操作系统更新?
- c++ - 如何在我的班级中有一个指向 A 类或 B 类的指针?