字自动换行，可以使用 CSS 的word-wrap属性。将其设置为break-word，即可在遇到超长单词或者英文、数字、下划线等连续字符时自动进行换行。此外，还可以使用white-space属性，将其设置为normal或pre-wrap，来控制元素内空白符的处理方式，以实现文字自动换行。
针对不同字数和字体大小的情况，可以考虑使用相对宽度单位，如em和rem，来代替绝对宽度单位，如px。这样做的好处是当字体大小发生变化时，元素的宽度也会跟着相应地调整，从而避免出现排版错误。
例如，下面的代码将一个div元素的宽度设置为20em，高度设置为2em，并且在该元素内插入一段文字：
div {
width: 20em;
height: 2em;
word-wrap: break-word;
}
div p {
font-size: 1em;
line-height: 1em;
}其中，div元素的宽度和高度都使用了相对单位em，而p元素的字体大小和行高也使用了相对单位em。这样，在改变p元素的文字内容、字数或字体大小时，div元素的宽度都会跟着相应地进行调整，从而确保文字的自动换行正确进行。
需要注意的是，在处理文字自动换行时，要考虑到某些特殊情况，如中文、日文等不使用空格分隔单词的语言。此时，可以使用word-break属性来控制断行方式，如将其设置为break-all，在一定程度上可以解决这个问题。
