超出部分显示省略号

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{ margin:0; padding:0;}
.zgz{ width:100px; height:40px; font-size:18px; line-height:40px; padding:10px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

</style>
</head>

<body>
<div class="zgz">秘书后台登陆的所有相关信息如：账号禁用、账号锁定、账号删除、账号添加、账号信息修改</div>
</body>
</html>