在中点html / css断线
我想打印一个标题，这个标题会横跨两条线，线条尽可能接近中点。
例如，如果标题是，比如说，
“仲夏夜之梦”
我不想让它突破
“一个夏日之夜”
“梦想”
但更像
“中夏”
“夜梦”
如果标题足够长以至于需要三行，我希望所有三行的长度尽可能接近相同。 等等。
任何方式与CSS做到这一点？ 请不要问我到目前为止我尝试过什么，因为我根本没有想法。 :-(
附录
哦，我从一些评论和回答中看到，我的问题并不完整。 （a）文本来自数据库，我不想要求用户输入标签，（b）这是一个响应式设计，所以一个桌面文本应该适合两行，但在手机上它可能需要三个，而且我不想任意增加换行符。 目前我需要硬编码的br，因为我没有其他想法，而且我有一个媒体查询来设置这些br：手机没有，因为在小屏幕上的任何位置都可以打包，因此可以获得更好的结果。
如果我理解正确， 证明你正在寻找什么
CSS属性： text-align: justify;
此外，您可能还想使用text-justify: inter-word;
http://www.w3schools.com/cssref/css3_pr_text-justify.asp
编辑：只是检查，只有在IE浏览器支持此属性
使用white-space:nowrap
好的，如果内容看起来像下面那样
<div>A Mid-Summer Night's Dream</div>
然后使用以下内容
<div>A Mid-Summer <span style="white-space:nowrap;">Night's Dream</span></div>
把内容放在你不想破坏的范围内。 让我知道它是否有效
你可以使用white-space: pre-line; 使元素像<pre>一样保留换行符。 例：
<style>
p {
white-space: pre-line;
}
</style>
<p>A Mid-Summer
Night's Dream</p>
在这里演示
链接地址: http://www.djcxy.com/p/28595.html