Question

我现在正在使用自动换行和白色空间一段时间，但我无法让它工作。我希望在我的标题中没有单词分离，所以应该将长篇大论放入下一行。要清除这一点，如果容器太小，我不希望它以这种方式表现：

A veeeeeeeeeeeeeeee-
eeeeery long heading

我希望它是这样的：

A
veeeeeeeeeeeeeeeeeeeeery
long heading

这是我的标记：

<header>
    <h3>Some random blog heading</a></h3>
</header>

CSS：

article h3{
width:200px;
word-wrap:normal;
word-break: normal;
white-space: nowrap;
}

我想我尝试了所有可能的组合，但它没有做我想要的。我无法想象它是不可能的。

Answer 1

如果您当前看到一个单词分为两行，就像您的第一个示例中那样，并且您不希望这样，那么您只需找到导致单词划分的内容。这可能是带有hyphen属性的CSS连字符，或者它可能是由SOFT HYPHEN字符（可能通过脚本插入）引起的，或者甚至是单词中的常用连字符“ - ” - 大多数浏览器将其视为允许它之后的换行符。

如果您需要分析方面的帮助，我认为您需要揭示一些实际内容和标记，以及样式和脚本。

Answer 2

Apply css on it

<div style="word-wrap:break-all;">A veeeeeeeeeeeeeeeeeeeeery long heading</div>

or

<div style="word-wrap:break-word;">A veeeeeeeeeeeeeeeeeeeeery long heading</div>

没有换行，但长话说到下一行

2 个答案: