css flex 一行2个元素 不能挤压空间

html 复制代码
    <div class="step_title">
         <span class="step_title_text">{{ item2.eventAt }} </span>
         <span class="step_title_text2"> {{ item2.event }}</span>
     </div>
css 复制代码
 .step_title {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    .step_title_text {
      display: inline-block;
      min-width: 200px;
      width: 200px;
      flex-shrink: 0;
    }
    .step_title_text2 {
      flex: 1;  
      word-break: break-word;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }
  }
相关推荐
码了三年又三年43 分钟前
【方舟UI框架】Navigation
前端·arkui
@HNUSTer43 分钟前
基于 HTML、CSS 和 JavaScript 的智能图像虚化系统
开发语言·前端·javascript·css·html
OEC小胖胖1 小时前
React学习之路永无止境:下一步,去向何方?
前端·javascript·学习·react.js·前端框架·react·web
啊啊啊啊8432 小时前
函数,数组与正则表达式
前端·chrome·正则表达式
YL有搞头4 小时前
VUE的模版渲染过程
前端·javascript·vue.js·面试·模版渲染
百思可瑞教育4 小时前
前端性能优化:请求和响应优化(HTTP缓存与CDN缓存)
前端·网络协议·http·缓存·性能优化·北京百思可瑞教育·百思可瑞教育
gnip8 小时前
文件操作利器:showOpenFilePicker
前端·javascript
繁依Fanyi8 小时前
做一个 3D 图片画廊
前端
繁依Fanyi9 小时前
用 Electron 做一个屏幕取色器
前端