html 文本不换行

在HTML中，文本默认情况下是会自动换行的。如果你希望文本不换行，可以使用CSS的`white-space`属性来实现。

具体的做法是，在需要不换行的元素上添加以下CSS样式：

white-space: nowrap;

这样设置后，元素内的文本将不会自动换行，而是在一行中显示。

相关问题

html文本自动换行

在 HTML 中，文本默认情况下不会自动换行，需要使用 CSS 样式来实现自动换行。可以通过 `word-wrap` 或 `white-space` 属性来控制文本的换行方式。

- `word-wrap: break-word;`：当单词太长超出容器宽度时，强制换行，将单词拆分成多行显示。
- `white-space: pre-wrap;`：保留空白符，自动换行。

示例代码：

<style>
    .text {
        width: 200px;
        border: 1px solid black;
        word-wrap: break-word;
        white-space: pre-wrap;
    }
</style>

<div class="text">
    This is a long long long long long long long long long long long long long long long long long long long long long long long long long text.
</div>

此时文本会自动换行，避免超出容器宽度。

flex布局文本不换行

可以使用 flex 布局的 `flex-wrap` 属性来控制文本是否换行。默认情况下，`flex-wrap` 的值为 `nowrap`，即不换行。如果需要让文本自动换行，可以将 `flex-wrap` 的值设置为 `wrap`。

例如，以下代码可以让一个 div 元素内的文本自动换行：

<div style="display: flex; flex-wrap: wrap;">
  这是一段很长很长的文本，如果不设置 flex-wrap 属性，它将不会自动换行。
</div>