指定的文字长度如何随窗口大小变化而截取

指定的文字长度怎么随窗口大小变化而截取
不知道怎么描述

百分比的宽度，一行只能显示10个字，当窗口大小改变了，可以自动调整显示字数

CSS怎么写呢

------解决方案--------------------
try:

div {
width:30%;
white-space:nowrap;
overflow:hidden;
border:1px solid #aaa;
}

<div> 测试文字随宽度变化自动截取测试文字随宽度变化自动截取 </div>