Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在HTML中包装文本,使下一行变长_Html_Css_Word Wrap - Fatal编程技术网

在HTML中包装文本,使下一行变长

在HTML中包装文本,使下一行变长,html,css,word-wrap,Html,Css,Word Wrap,我在我的网站上使用图片标题。标题在底部,我不喜欢的是,当标题很长时(在我的例子中,最多两行),文本以这样的方式包装,我有一个长的第一行和一个短的第二行 我不喜欢这样: "aaaaa aaaa aaaa aaaa aaaa " "aaaaa aaaa aaaa aaaa aaaa" 我试图得到这样的东西: "aaaaa aaaa aaaa aaaa aaaa " "aaaaa aaaa aaaa aaaa aaaa" 有什么建议我可以用CSS实现这种包装吗?我不认为这是CSS的问题

我在我的网站上使用图片标题。标题在底部,我不喜欢的是,当标题很长时(在我的例子中,最多两行),文本以这样的方式包装,我有一个长的第一行和一个短的第二行

我不喜欢这样:

"aaaaa aaaa aaaa aaaa
 aaaa "
"aaaaa
 aaaa aaaa aaaa aaaa"
我试图得到这样的东西:

"aaaaa aaaa aaaa aaaa
 aaaa "
"aaaaa
 aaaa aaaa aaaa aaaa"

有什么建议我可以用CSS实现这种包装吗?

我不认为这是CSS的问题。您需要使用javascript或c#或您正在使用的任何服务器语言对字符串进行一些预处理或后处理。您必须根据字符串大小计算中断的位置,并添加标签或换行符。

只需使用HTML5语法即可解决此问题



。或者
元素指定一个机会,内容可以在其中包装以保持易读性。请记住,这只是HTML5。

它们在帖子中看起来一样,请编辑您的原始问题以显示新行。