html怎样让超出的内容显示为省略号

.css2 {
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width: 18em;/*不允许出现半汉字截断*/
color:#6699ff;border:1px #ff8000 dashed;
}