CSS常用技巧备忘录 Posted on 2020-04-23 | In CSS 布局相关1、实现 列表 label 不换换行,内容自适应剩余宽度换行显示先上实际效果图 具体结构和样式设置如下HTML 12345678<div class="parent"> <div class="label"> 代表作 </div> <div class="content"> 代表作内容 </div></div> CSS 12345678910111213.parent { display: flex;}.label { display: inline-block; height: 100%; white-space: nowrap;}.content { display: inline; word-wrap: break-word; word-break: break-all;}