项目中经常会遇到这个问题,在一个内容框中,由于框的宽度是固定的,但是里面的内容却有很多,那么这个时候需求里就要求:
第一,多余的字要以点点点的形式隐藏,
第二,当鼠标移上去的时候要以title提示的方式显示文本框里的所有内容。实现的方式如下
点点点,文字溢出之前有写到。给文本框添加如下样式
display:inline-block;
white-space:nowrap; //必须
overflow:hidden; //必须
text-overflow:ellipsis; //必须
而title提示则要在input添加以下代码,这样既可实现用title提示文本框中所有内容
<input onmouseover="this.title=this.value">
完美解决!
网友评论