Excel单列字母拆分至多行的实现方法求助

一、CSS静态实现方案 #

针对需要拆分的元素，通过样式强制单个字符换行：

.split-text {
  word-break: break-all;
  width: 1em; /* 限制宽度为单个字符宽度，迫使每个字母单独占一行 */
}

直接给目标内容添加split-text类即可，无需修改原有HTML结构，适合固定内容场景。

二、JavaScript动态处理方案 #

如果内容是动态生成，或需要主动按字母排序后拆分，可使用JS实现：

// 定位到需要处理的元素
const textElement = document.querySelector('.split-text');
// 拆分字符并按字母顺序排序
const sortedChars = textElement.textContent.split('').sort();
// 重新渲染为每行一个字符
textElement.innerHTML = sortedChars.map(char => `<p>${char}</p>`).join('');

这段代码会将目标元素内的文本拆分为单个字符，排序后逐个用<p>标签包裹，实现每行一个字母的效果。

内容的提问来源于stack exchange，提问作者Dsa