使用CSS，你能根据文本的中间点断行吗？
Using CSS, can you break a line based on the halfway point of the text?
如果我有一个容器，里面有一些文本，有没有办法将线分成两半，而不是基于一些固定的宽度？
例如，我通常会在容器中放置一些文本之前为其指定一个宽度（比如 200 像素）。这通常会导致尴尬的换行，其中只有 header 中的最后一个单词必须换行。
This is a header that is
long
对比
This is a header
that is long
理想情况下，它 只有 如果文本不适合一行，它会中断，如果它中断，它会以均匀的方式进行。不过，我也会很高兴总是把它分成两半，因为 CSS 一个人做这件事似乎很复杂。
不幸的是，这在纯 CSS 中是不可能的。当容器小于文本宽度时，这个 jQuery 插件会自动在 2 中很好地中断你的文本行：
如果我有一个容器，里面有一些文本，有没有办法将线分成两半，而不是基于一些固定的宽度？
例如，我通常会在容器中放置一些文本之前为其指定一个宽度（比如 200 像素）。这通常会导致尴尬的换行，其中只有 header 中的最后一个单词必须换行。
This is a header that is
long
对比
This is a header
that is long
理想情况下，它 只有 如果文本不适合一行，它会中断，如果它中断，它会以均匀的方式进行。不过，我也会很高兴总是把它分成两半，因为 CSS 一个人做这件事似乎很复杂。
不幸的是，这在纯 CSS 中是不可能的。当容器小于文本宽度时，这个 jQuery 插件会自动在 2 中很好地中断你的文本行：