Html 重新排列长字符串并替换为短字符串

Html 重新排列长字符串并替换为短字符串,html,css,Html,Css,我正在创建一个页面,用户可以在其中输入一条随机评论,它应该显示下面的评论。(如下所示) 我的问题是,我想让所有的框都适合页面。例如,较长的字符串应移到新行,并替换为较短的字符串,等等 目前,在我测试时,每个输出都是。 任何帮助都将不胜感激 您可以使用CSS,simpy通过使用display条件来实现这一点 .classname {display:inline-block;} 如果希望每个元素都取整行,也可以使用block .classname {display:block;} 你可以用 演

我正在创建一个页面,用户可以在其中输入一条随机评论,它应该显示下面的评论。(如下所示) 我的问题是,我想让所有的框都适合页面。例如,较长的字符串应移到新行,并替换为较短的字符串,等等

目前,在我测试时,每个输出都是

任何帮助都将不胜感激

您可以使用CSS,simpy通过使用
display
条件来实现这一点

.classname {display:inline-block;}
如果希望每个元素都取整行,也可以使用
block

.classname {display:block;}
你可以用

演示:

div{
显示:内联块;
空白:nowrap;
保证金:5px;
填充物:5px10px;
边界半径:3px;
边框:1px实心#333;
}

内容在这里。
内容在这里。
内容在这里。内容在这里。内容在这里。
内容在这里。

我认为应该让每个包含注释的div显示为显示:block,然后将其设置为最大宽度:100%。我认为它应该很好用注意:这可能是一条评论,但我无法做出这将为文本留出足够的空间,如果文本超过div,就会出现一行新行。

你可以发布一些HTML和CSS吗?数组在哪里?最长的数组与此有什么关系?抱歉,标题是针对一篇旧文章的。未看到不正确的标题。OP不希望文本字符串回流到换行符。他们要么要全部,要么什么都不要。如果一个单词换行,则换行整个字符串。这个答案不起作用。你确定这个方法有效吗?你测试过了吗?我不认为它能满足OP的需要。@hungerstar,你不是OP,投反对票不是最好的。我的答案是我认为OP所问问题的解决方案。你看过照片了吗?是的,我看过了。OP需要较长的文本不换行,并移动到下一行,同时用较短的文本填充较长文本留下的间隙。然后见面。我没有投你反对票。非常感谢!我们将进一步研究重新订购部分