首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
使用CSS不用程序实现文字自动截断 用省略号代替
所属分类:
网络编程
/
CSS/HTML
阅读数: 177
收藏 0
赞 0
分享
.test{
width:200px;
height:50px;
border:1px solid red;
padding:10px;
overflow:hidden; /*不显示超过对象宽度的内容*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
white-space:nowrap; /*限制在一行内显示所有文本*/
}
www.jb51.net 脚本之家
脚本之家,努力打造精品学习网站
。
欢迎大家光临
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
简单明了带你了解CSS Modules
不要误会,CSS Modules可不是在说“css模块化”这个好像在某些地方见过的词,它其实是特指一种近期才出现的技术手段。什么技术手段呢?下面小编来和大家一起学习一下
评论 0
收藏 0
赞 0
分享
新手学习css优先级
大部分人同样也会在写css的过程中产生很多困惑,比如为什么自己写的某段css没有生效,或者呈现出的样式和预计的不同,但又不知道要如何解决。下面小编来和大家一起学习CSS的优先级
评论 0
收藏 0
赞 0
分享
css进阶学习 选择符
css这种没有程序逻辑的代码中,又能找出什么来说明谁做得更出色呢?下面小编给大家说明如何从css选择符的角度来提高css代码质量。
评论 0
收藏 0
赞 0
分享
实现css文字垂直居中的8种方法
CSS可以轻易实现文字的水平居中,但有时我们需要文字垂直居中,除了表格可以实现这种CSS文字垂直居中以外,还有其它几种方法可以做到
评论 0
收藏 0
赞 0
分享
完美实现CSS垂直居中的11种方法
在做前端项目时CSS的水平居中我们经常使用,但有时还会用到CSS垂直居中,对于小白来说这个就有些难度了,下面看一下我是如何实现的
评论 0
收藏 0
赞 0
分享
webpack高级配置与优化详解
这篇文章主要介绍了webpack高级配置与优化,其中包括了webpack打包多页面,webpack跨域问题等相关内容
评论 0
收藏 0
赞 0
分享
5个HTML5的常用本地存储方式详解与介绍
在HTML5规范之前,存储主要是用cookies,但cookies缺点有在请求头上带着数据,大小是4k之内,今天为大家介绍一下H5的5种存储方式
评论 0
收藏 0
赞 0
分享
CSS代码检查工具stylelint的使用方法详解
stylelint是一个强大的现代CSS检测器,可以让开发者在样式表中遵循一致的约定和避免错误。本文将详细介绍CSS代码检查工具stylelint
评论 0
收藏 0
赞 0
分享
Zen Coding css,html缩写替换大观 快速写出html,css
本文是在zen使用生产中遇到的问题做一些分享。
评论 0
收藏 0
赞 0
分享
javascript代码规范小结
javascript代码规范,大家可以参考下,以便写出更利于阅读的代码。
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
调查:55.2%受访用户不会相信朋友圈打广告的化妆品
巴西世界杯复盘:七大移动营销案例图文解析
四年的网赚经验
google
六一儿童节微营销秘籍 互动吸粉6大招
图文讲解信用卡验证激活国际版PayPal账号的教程
站长故事
更多
站长故事之一份月薪1200元的SEO推广工作
揭秘互联网骗子怎么做到月入过万
站长们,就别在折腾你的用户了
站长故事之我的个人站长之路
个人经历:盲目的坚持更新网站真的有用吗?
运营网站需要修炼三层内功 很多人都维持在第一层上