超出的字用省略号来代替

a{ 
    display : block;  
    width : 95px; 
    overflow : hidden; 
    white-space : nowrap;
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    background : url(../images/admin_ico.png) no-repeat 0px 16px; 
    text-indent : 28px; 
    color : #a4a4a4;}

这里写图片描述 这里写图片描述

用户体验角度来说,这样更好,因为如果“admin管理员”换成了“admin管理员小王”后,不会因为多了字而错版。

你可能感兴趣的:(web前端)