您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程
CSS控制单行长度和字符个数的方法兼容各大浏览器
钱铮友2024-02-04DedeCMS教程已有人查阅
导读我们经常遇到div宽度固定，单行字符有限，文字信息显示不全，影响阅读性和SEO优化，有没有让你抓狂呢？下面就大家一个CSS控制单行长度和字符个数的方法兼容各大浏览器
我们经常遇到div宽度固定，单行字符有限，文字信息显示不全，影响阅读性和SEO优化，有没有让你抓狂呢？下面就大家一个CSS控制单行长度和字符个数的方法兼容各大浏览器，隐藏多余字符，用“...”代替。
兼容性：
IE6测试兼容，IE7测试兼容，，IE8测试兼容，IE9测试兼容，Chrome测试兼容，FireFox测试兼容，Opera测试兼容。
CSS代码：
兼容性：
IE6测试兼容，IE7测试兼容，，IE8测试兼容，IE9测试兼容，Chrome测试兼容，FireFox测试兼容，Opera测试兼容。
CSS代码：
.mubanzhijia li{
/* 标签可以定义多个，不过请注意width属性，较好将width属性去掉 */
display:block;/*定义为块级；这个属相很重要，没有这个属性，很难实现单行宽度的效果*/
width:100%;/*要显示文字的宽度 提醒：可以将此属性剔除，然后就可以多标签的实现单行控制了*/
float:left;/*左对齐*/
overflow:hidden;/*超出的部分隐藏起来。*/
whitewhite-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */
-o-text-overflow: ellipsis; /* 支持 Opera */
}
按上面的方法就可解决隐藏多余字符，用“...”代替了。
感谢您的认可和支持
微信
支付宝
本文标签：
很赞哦！ ()
下一篇：修改织梦当前位置导航面包屑的方法
相关教程
图文教程
织梦cms修改更换头部logo图片的方法
关键字描述：头部 怎么 图片 替换 文件 templets 找到 images 这个DEDECMS5.3怎么换头部LOGO小弟太笨了不会啊那位大哥教教我回
dedecms织梦图片相对地址和绝对地址的问题
我搜了很久也没有找到,高手帮帮我忙啊！我想复制文章内容可以把图片也复制走，不知道怎么设置？在哪里设置？
dedecms织梦tag标签详解示例
row='30' 调用条数，sort='new' ，排序方式 month，rand，week ，getall='0' 获取类型 0 为当前内容页TAG标记，1为获取全部TAG标记-
Dede织梦cms建站经验和相关调用分享
Dedecms是目前国内cms的龙头老大，相信没多少人有异议。本人从2009年开始用dede，积累了一些经验，在此分享给各位织梦爱好者。
相关源码
-
(PC模板)工商公司注册会计财务记账pbootcms模板源码下载基于PbootCMS的工商财税行业网站系统，手工编写前端代码确保执行效率，双端自适应设计，支持后台实时更新服务价格和政策文件。查看源码 -
pbootcms模板(PC+WAP)火锅加盟餐饮美食类带留言源码基于PbootCMS内核深度开发，为火锅、餐饮品牌打造的营销型解决方案。采用红色主题传递行业活力，实现PC与WAP端适配。查看源码 -
(PC+WAP)绿色市政园林建筑设计绿化营销型pbootcms网站模板本模板基于PbootCMS系统开发，为园林绿化、景观设计类企业设计，特别适合市政园林、景观工程、绿化养护等企业使用。采用双端适配技术查看源码 -
(PC+WAP)蓝色自动电动闸门伸缩门类网站pbootcms模板下载为电动闸门、自动伸缩门企业设计的响应式网站模板，突出产品展示与技术优势，助力门控设备企业建立专业数字化形象。手工编写DIV+CSS结构，代码精简高效，无冗余代码干扰，加载速度更快。查看源码 -
自适应APP应用程序介绍推广落地页pbootcms网站源码下载移动应用开发商设计的营销型落地页模板，基于PbootCMS内核深度开发采用前沿响应式架构，无缝适配手机端操作习惯与PC端展示需求。查看源码 -
pbootcms源码宠物类网站源码下载(自适应多端)为宠物装备商店、宠物食品及用品企业打造的营销型模板，基于PbootCMS内核深度开发。采用响应式设计实现PC与移动端适配，PHP7.0+高性能架构支持MySQL/SQLite双数据库查看源码
| 分享笔记 （共有 篇笔记） |
