html - 在特定单词之间强制换行

标签 html css

我正在构建一个网站,我的标题由一个长的第一个词和两个较短的词组成。

<h1>Looooooong short short.</h1>

如果屏幕足够宽,并且如果屏幕或容器对于所有三个词来说太窄,我希望这个标题能在一行中显示,在第一个和第二个词之间,而不是第二个和第三个词之间。

即我想要这个:

Looooooong
short short

而不是这个

Looooooong short
short

如何在 HTML/CSS 中执行此操作?

Also on JSBin if you prefer: jsbin.com/puzemex

最佳答案

您可能想要使用不可破坏的空间:

short&nbsp;short

对于较长的文本,这里有一篇不错的文章:

http://blogs.adobe.com/webplatform/2013/01/30/balancing-text-for-better-readability/

关于html - 在特定单词之间强制换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31237334/

相关文章:

javascript - 点击菜单打开,再次点击关闭

html - CSS 布局 z-index 居中

javascript - TinyMCE 默认字体大小

JavaScript 计算器问题

javascript - 我怎样才能让一些东西在 javascript 中移动?

html - 使 3 列 div 响应。帮我找出我做错了什么?

css - {位置 : sticky} in div not work if added a textfield

javascript - 当 Div 向左浮动时动画位置变化

javascript - 为容器中的非全宽图像创建视差效果

JQUERY onClick 更改 'top' 属性