关于div+css的字数控制问题

html-css015

关于div+css的字数控制问题,第1张

你那样做用户体验度很不友好,只允许输入4个字符,而用户不知道为什么只能输入四个字符,或者没有注意限制,直接输入了N个字符,但你只取了前4个字符,会造成很大的影响,建议还是用javascript控制

可以, 方法如下

width:50px/*假设,5个字符的宽度是50*/

white-space:nowrap/*禁止换行*/

text-overflow:ellipsis/*文本超出隐藏*/

-o-text-overflow:ellipsis/*跟上面一样,只是为了兼容其他浏览器*/

overflow: hidden/*隐藏,跟text-overflow配合使用*/

如果你不能控制div,你可以在div里面加个span标签,将他的css 的display设为block,然后将上面的css放在style里或者写到css文件里调用也是一样的