如何用纯CSS&HTML实现：固有尺寸div仅无自然换行时指定位置换行？

在固有尺寸（intrinsically sized）的div中放入一段较长文本，出于视觉效果考虑，希望该div能在指定位置换行，但仅当该位置之前不会出现“自然”换行时才生效。

尝试过添加<br>标签、将文本拆分到多个div等方法，但当div宽度缩小到会在指定换行点之前自然换行时，手动添加的换行无法被忽略，达不到预期效果。

是否存在仅用纯CSS & HTML实现该需求的方法？

示例代码 #

以下是使用<br>实现“静态”换行的示例：当div宽度足够时，换行位置符合预期，但当div缩小时无法满足需求：

CSS代码 #

.parent {
  display: flex;
  font-family: Inter;
  font-size: 18px;
}

.content {
  background: yellow;
  padding: 8px;
}

HTML代码 #

<div class="parent">
  <div class="content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non orci in nunc venenatis luctus et eget mauris.<br>Pellentesque nec ante dignissim, malesuada tortor ac, rhoncus ante.
  </div>
</div>

补充说明 #

需要的是无需固定尺寸（如设置max-width的div、媒体查询等）的解决方案，因为固定尺寸会受字体、字号、浏览器缩放级别等因素影响，当用户修改浏览器字体（字号）设置时可能失效。

需求效果示例 #

为更清晰说明需求，将希望添加换行点的“.”替换为“,”，效果如下：

当前结论 #

目前认为仅用原生HTML & CSS无法实现该需求，且未听说有相关提案。暂时打算采用添加固定max-width的权宜方案，虽然有点取巧，但多数情况下可行。

内容的提问来源于stack exchange，提问作者suamikim