仅用CSS能否在不使用Ellipsis的前提下精确限制div内文本为指定字符数？

仅靠CSS没办法做到绝对精确的字符数限制（因为CSS没有直接统计字符数量的属性），但可以通过字符宽度单位结合溢出隐藏实现近似效果，如果用等宽字体的话能达到精准的20字符限制。

针对你给出的HTML结构，实现代码如下：

.myText {
  /* 强制文本不换行 */
  white-space: nowrap;
  /* 超出容器的内容隐藏 */
  overflow: hidden;
  /* 限制宽度为20个字符宽度（以当前字体的"0"字符宽度为基准） */
  max-width: 20ch;
}

注意事项： #

• ch是CSS的相对单位，代表当前字体下字符"0"的宽度。如果使用等宽字体（比如Consolas、Courier New），20ch就正好对应20个字符（包含空格）；
• 如果是可变宽字体（比如微软雅黑、Arial），因为不同字符宽度不同，20ch只能做到近似20个字符的限制，无法完全精准；
• 这种方法会直接截断超出的文本，不会显示省略号，符合你的需求。

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