如何拆分自动换行的文字？

[qsnow6]

如上图，在一个宽度固定的容器内，超过宽度的文字会自动换行。现在需要以自然行的方式，提取前20行有什么解决方案？

自然行即肉眼、常识上的行。如：大家都说：章晓峰是个很可恶很抠门的人。，在这个容器内就是 2 行

目前我的解决方案

1. 以换行符\n 来拆分，缺点：遇到文字多的段落，自然行数不可控；
2. 人工去敲回车。。。这个很蠢

[Kasine]

Word 里面用 Alt+左键框选应该可以

[qsnow6]

@Kasine 是想用代码层面去拆分的；
发现 php wordwrap 函数 可以

[TtiGeR]

是要做预览么？

其实稍微多截一点 然后限高（根据行高算）或者用 line-clamp

如果纯中文（等宽字符）还好，遇到混合英文的，因为字体和浏览器原因，换行还不是完全一致的。

[qsnow6]

@TtiGeR 是要把一篇文章，以行为单位，等份拆成 X 份；

长度不一致是由于中英文所占字节长度不一样导致的，英文占 1 个字节、中文 GBK 编码 2 个字节、UTF8 占 3 个字节；

暂时是把中文转换成 GBK 编码，每增加一个字符就比对下字节长度，确保字节长度<=最大字节长度就可以了

[msg7086]

首先吧，你这个宽度计算完全依赖于字体渲染。比如非汉字与汉字的比例不定，标点符号宽度的调整，标点在行首行尾的额外调整规则等等，有很多因素。
如果你要得到证实的结果，那就真的只能拿同一个渲染器进行渲染。比如浏览器里跑的话，直接开个容器往里填字然后测算大小。如果是应用程序里跑的话，找个能排版的组件来渲染。

中文 2 宽，英文 1 宽，这种只有在等宽环境（比如命令行下）才能用。先测出整个字符串的 Unicode Width，然后除以宽度算行数。

[superbiger]

https://www.zhangxinxu.com/wordpress/2018/02/canvas-text-break-line-letter-spacing-vertical/
你看下这个吧，可能 canvas 绘制可能能实现你想要的控制精度。