CSS布局优化，如何让布局不会随着文字内容变化而变化？

如图所示，这个item，我调整了绿色框的文字内容后，就靠右了，如何才能让这个item始终位于屏幕左右两侧，不会随着文字内容变化而产生变化？

给父级加width呀

父级加了 width:100%每个item 也要加

display: flex;
justify-content: space-between;  // 让div里面的内容两端显示

..details img {
  width: 90px;
  height: 90px;
  flex-shrink: 0;
}
.details_list {
  width: calc(100% - 90px);
  word-break: break-all
}

你好，给想要分列两边的元素的第一个父元素使用flex布局即可

display: flex;
justify-content: space-between;