博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
悬浮显示input中所有的内容及css处理文字过长时显示为多余部分省略
阅读量:7172 次
发布时间:2019-06-29

本文共 579 字,大约阅读时间需要 1 分钟。

hot3.png

1.悬浮显示input中所有的内容

项目中经常会遇到这个问题,在一个内容框中,由于框的宽度是固定的,但是里面的内容却有很多

这个时候需要悬浮显示input中所有的内容,而title提示则要在input添加以下代码,这样既可实现用title提示文本框中所有内容

 

如果input里面的内容固定,或者悬浮显示div里面的文字,需要悬浮显示,可以直接写为

,

补充:
在ie8中,select用这个方法还不能正常的提示文字,写了个函数调用才正常显示

2.css处理文字过长时显示为多余部分省略

 属性规定当文本溢出包含元素时发生的事情,可以定义文本溢出容器时如何显示:

默认值:clip

语法:: clip|ellipsis|string;

允许的值:

clip:修剪文本。

ellipsis:显示省略符号来代表被修剪的文本

内容超过10px就会显示为三个点
div{ display:inline-block; //这个看情况加 overflow:hidden; //必须 white-space:nowrap; //必须 text-overflow:ellipsis; //必须}

 

转载于:https://my.oschina.net/u/2331760/blog/3016042

你可能感兴趣的文章
imageNamed 与 imageWithContentsOfFile的区别
查看>>
【Mysql 调用存储过程,输出参数的坑】
查看>>
LCS算法
查看>>
COM结构化存储中存储对象或者流对象的命名规则
查看>>
iOS开发基础知识--碎片26
查看>>
制作鼠标移动到div上面显示弹出框
查看>>
java既然存在gc线程,为什么还存在内存泄漏?
查看>>
Linux Vim
查看>>
UVA - 11987 Almost Union-Find[并查集 删除]
查看>>
使用css开启硬件加速提高网站性能
查看>>
CMakeLists.txt的写法
查看>>
Flask如何使用https?
查看>>
Linux命令之kill
查看>>
Asp.Net SignalR Hub类中的操作详解
查看>>
附上解决迅雷9及迅雷极速版任何资源下载任务出错、内容违规问题
查看>>
hadoop3: mkdir: cannot create directory `/usr/local/hadoop/bin/../logs’: Permission denied
查看>>
高阶函数与面向对象继承的比较
查看>>
群雄逐鹿的移动互联网时代【转载】
查看>>
【排序】InsertSort
查看>>
[c++11]多线程编程(五)——unique_lock
查看>>