CSS 效果:多列文字,第一行对齐,flex方式元素被挤压

 如图效果:2列,第一列只有一行,第二列多行。要求第一行对齐

CSS 效果:多列文字,第一行对齐,flex方式元素被挤压_第1张图片

实现:使用flex 

如果不配置flex-shrink的话,第一列会被挤压

CSS 效果:多列文字,第一行对齐,flex方式元素被挤压_第2张图片

 给第一列:备注配置压缩属性: flex-shrink:0。




  
  Title



备注:
夜静春山空,浓睡酒不醒.夜静春山空,浓睡酒不醒.夜静春山空,浓睡酒不醒.夜静春山空,浓睡酒不醒.夜静春山空,浓睡酒不醒.s

你可能感兴趣的:(css,前端,CSS效果)