display: flex俩个换行
时间: 2023-10-02 20:07:33 浏览: 202
CSS3新增布局之: flex详解
5星 · 资源好评率100%
引用: 为了在display: flex布局中实现强制换行,可以给ul元素添加以下样式:
ul {
width: 100%;
display: flex;
flex-wrap: wrap; // 强制换行
justify-content: flex-end; // 所有元素右对齐
}
引用: 特别是在多行的情况下,我们可以给父盒子的弹性容器添加以下样式来实现换行:
父盒子 {
display: flex;
flex-wrap: wrap;
}
引用: 如果你想实现多行文本溢出时显示省略号,可以使用以下样式:
文本元素 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 行数
overflow: hidden;
}
阅读全文