我在从Wordpress帖子标题填充的滑块上有一个h2。该标题的一部分是商标，所以我希望它在一行上，Welcome to在上面一行。
目前我有......
Welcome to The Happy Foundation
我想......
Welcome to
The Happy Foundation
在css中使用max-width我可以实现...
Welcome to The
Happy Foundation
或
Welcome to
The Happy
Foundation
有没有办法为每一行设置最大宽度，或者在使用css Welcome to之后获得换行符？
我尝试了一些技巧，比如让文本透明，然后将其添加回内容。但是，这会产生各种问题，包括对齐，也可以在移动浏览器上调整大小。我不想过度思考它。
编辑：如上所述，滑块上的文字源自Wordpress帖子标题。我无法在不更改帖子标题的情况下编辑原始文本/ html标记。即使我这样做，我也无法添加选择器。
编辑2：添加 （在OSX上使用Option + Shift + Space）工作但是抛出了文本对齐中心的对齐方式。我需要将文本置于中心位置。或者它看起来只是偏斜，对任何人都没有好处。
答案 0 :(得分：1)
您可以在The Happy Foundation：http://jsfiddle.net/nusa3y03/
修改：如果您在max-width和Welcome之间添加牢不可破的空格，则甚至不必知道to：http://jsfiddle.net/nusa3y03/1/
答案 1 :(得分：1)
您在<br/>之后尝试使用Welcome to吗？
答案 2 :(得分：0)
是的，可以使用max-width属性
h2{max-width:236px; color:red}<h2 id="p1">Welcome to The Happy Foundation</h2>
答案 3 :(得分：0)
CSS能够根据包含元素的宽度打破行 - 无需在不同的元素（如span标记）中包装您想要区别对待的文本，很难指定这些部分的方式你应该对待你的内容。
最简单的解决方案IMO适用于手动为标题添加换行符。但是，如果您想尝试使用不间断的空格[http://blog.liveeditorcms.com/html-tip-keeping-some-words-together/][1]将基础的标题保持在一起，请尝试一下：
`Welcome to The Happy Foundation`
这会将你的基础标题视为一个单词，防止它被分解到不同的行。这可能会导致将来出现问题，具体取决于您在较小屏幕上的显示方式。