有没有一种方法可以在单词溢出时换行?在换行之前,含义尽可能适合大多数单词
Is there a way to wrap word when overflowed? Meaning fit most words as possible before it wraps to new line?
假设我有一个很长的数学表达式,如下所示:
<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:)
相关文章:
- 如何防止亚洲字符通过单词换行
- 有没有一种方法可以在单词溢出时换行?在换行之前,含义尽可能适合大多数单词
- 在 CSS/JS 中,如何在每 n 个单词处自动换行
- jQuery:如何在单词之间修剪换行符和制表符
- 如何用每五个单词换行一行来分解 javascript 字符串
- 选择 h2 标签的前两个单词并换行 span 标签
- 删除或重复的非单词字符,如HTML文本区域中的换行符,这些字符会导致modsecurity中的错误
- 使用JavaScript将精确的单词与任何地方的换行符进行匹配
- 分解字符串并在每个单词后面换行
- 获取第一个单词和换行符之间的内容
- HTML5 Canvas |换行时超过最大宽度的单词不带连字符
- 如果多个单词连接在一起,Regex将替换除最后一个非换行空格外的所有空格
- Regex将所有单词换行到span中,不包括img元素
- 如何用jQuery在span标签中换行文本,除了第一个单词
- 如果换行时有孤立的单词,jQuery不计算文本的正确高度
- 如何查找html元素是否应用了换行,并且该单词在文本中间断开
- 从函数输入到Javascript中插入带有换行符的单词
- Javascript /如果我有一个单词,在点后强制换行
- 修改代码以换行整个单词&使它不区分大小写
- 使用Dom对象在所有相同的选择器中换行单词