css 设置元素文字超出父标签宽度时不换行

可以使用 CSS 的 white-space 属性来实现，在父标签中设置 white-space: nowrap;。这会阻止元素在父标签的边界处自动换行。

例如：

.parent {
  width: 200px;
  border: 1px solid black;
  white-space: nowrap;
}

.child {
  width: 300px;
  border: 1px solid red;
}

<div class="parent">
  <div class="child">这是一段超长的文字，它将会超出父标签的宽度，但是不会自动换行。</div>
</div>

这样，即使子元素的宽度超出了父标签的宽度，文字也不会自动换行，而是一直显示在同一行上，直到到达父标签的边界。