有没有一种方法可以在单词溢出时换行?在换行之前,含义尽可能适合大多数单词

Is there a way to wrap word when overflowed? Meaning fit most words as possible before it wraps to new line?

本文关键字:换行 单词 大多数 尽可能 溢出 一种 方法 有没有      更新时间:2024-05-10

假设我有一个很长的数学表达式,如下所示:

<div>
   "SUM( FIRST_ARG, SECOND_ARG, AVG( THIRD_ARG ) / MEAN( FOURTH_ARG) )"
</div>

还假设包含的div宽度很小,以至于它在", AVG( THI"中的最后一个字母之后溢出。是否首先可以将表达式分解,而不是溢出并隐藏或分解在溢出的字母上,使其在包装前尽可能多地适合单词。所以它变成了

<div>
   "SUM( FIRST_ARG, SECOND_ARG,"  
   "AVG( THIRD_ARG ) / MEAN( FOURTH_ARG) )"
</div>

我想指出的是,整个数学表达式是一个长字符串。

当一个完整的单词不能在不溢出的情况下放置时,使用word-wrap:break-word将有效地创建新行演示

HTML

<div class="math">
   SUM( FIRST_ARG, SECOND_ARG, AVG( THIRD_ARG ) / MEAN( FOURTH_ARG) )
</div>

CSS

.math{
    word-wrap:break-word;
    width:250px;
}

现在,如果您想将字符串拆分为特定的单词,这是另一个问题,并且应该实现JavaScript:)