如何让超出宽度的文字显示省略号

.contact {
    overflow: hidden; /* 溢出宽度的内容进行隐藏 */ 
    width: 100px;
    white-space: nowrap;  /* 文本不换行，直到遇到<br/>为止 */
    text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */
}