寒舍网
|
搜索
寒舍网
首页 >> 技术笔记 >> CSS3-HTML5
前端文字过多,以省略号自动截取
2020-05-02 3087 分享

1565772873225206.png

text-overflow: ellipsis;/*文本超出以...显示*/
overflow: hidden;/*超出盒子隐藏*/
white-space: nowrap;/*强制在第一行显示*/

三个都需要,不然不起作用

上一篇
css3鼠标悬浮,盒子向上移动
上一篇
CSS3实现鼠标移动到图片上图片变大（缓慢变大，有过渡效果，放大的过程，可以自定义）
相关推荐
css3鼠标悬浮图片左右摇晃
鼠标悬浮,图片左右摇晃
2020-05-023156分享
css3鼠标悬浮,盒子向上移动
鼠标悬浮,盒子向上移动
2020-05-023356分享
前端文字过多,以省略号自动截取
text-overflow: ellipsis;/*文本超出以...显示*/ overflow: hidden;/*超出盒子隐藏*/ white-space: nowrap;/*强制在第一行显示*/
2020-05-023088分享
CSS3 文字阴影
CSS3 文字阴影 text-shadow属性
2020-05-022817分享
HTML5表单list属性
<input type="text" list="url_list" > <datalist id="url_list">    <option value="测试">    <option value="数据">    <option value="不知道"> </datalist>
2020-05-022118分享
HTML5新增标记(有利于维护,以及浏览器解析,有利于搜索引擎爬取)
html新增常用标记(有利于维护,以及浏览器解析,有利于搜索引擎爬取)下面列出个别常用 :
2020-05-022145分享
CSS3实现鼠标移动到图片上图片变大（缓慢变大，有过渡效果，放大的过程，可以自定义）
CSS3的transform:scale(1.4)可以实现按比例放大或者缩小功能。 CSS3的transition允许CSS的属性过渡时间。 这种效果可以在鼠标单击,获得焦点,被点击或对元素任何改变中触发.
2020-05-022322分享
最新文章
nginx TP5路由访问 git的基本使用 linux查看apatch状态/启动/停止 linux开启防火墙端口 linux目录或文件权限 linux初识常用命令 Js 带输入框的弹框 Mac上怎么启动Apache Composer安装软件库 Thinkphp 标签封装
最热文章
css3鼠标悬浮,盒子向上移动 linux查看apatch状态/启动/停止 Js 带输入框的弹框 linux开启防火墙端口 Composer安装软件库 css3鼠标悬浮图片左右摇晃 linux目录或文件权限 Mac上怎么启动Apache Thinkphp 标签封装 前端文字过多,以省略号自动截取

联系站长 : 17620917002
站长邮箱 : 425158482@qq.com
问题咨询 : QQ 425158482
系统长期维护,放心使用

备案号:蜀ICP备19015811号-3

备案图标.png渝公网安备50011302222227

案例展示
电脑展示 手机展示
系统说明
安装方法 后台预览 常见问题
技术笔记
CSS3-HTML5 PHP笔记 js笔记 linux命令
友情链接 :
首页
系统
笔记
登录