HTML超出文本显示省略号...通过text-overflow实现_HTML/Xhtml_网页制作
程序员文章站
2022-03-28 07:58:10
...
需要对div或者span同时应用Css:
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
即可实现所想要得到的溢出文本显示省略号效果。
当然了你的页面元素要设置固定的宽度,超出了宽度才会显示。
复制代码
代码如下:text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
即可实现所想要得到的溢出文本显示省略号效果。
当然了你的页面元素要设置固定的宽度,超出了宽度才会显示。
上一篇: PHP获取数组最大值下标的方法
下一篇: CSS实现动态气泡背景代码分享
推荐阅读
-
禁止input文本框输入实现属性_HTML/Xhtml_网页制作
-
HTML超出文本多行截取实现原理及代码_HTML/Xhtml_网页制作
-
html 文本框(text)不可用只读的多种实现方法_HTML/Xhtml_网页制作
-
禁止input文本框输入实现属性_HTML/Xhtml_网页制作
-
html用title属性实现鼠标悬停显示文字_HTML/Xhtml_网页制作
-
HTML超出文本多行截取实现原理及代码_HTML/Xhtml_网页制作
-
html中实现文本框出现提示功能的多种方法_HTML/Xhtml_网页制作
-
通过html为FLASH加链接的实现代码(div层)_HTML/Xhtml_网页制作
-
Html长文本超出标记宽度后自动截取实现代码_HTML/Xhtml_网页制作
-
通过iframe实现在body中放frameset_HTML/Xhtml_网页制作