您现在的位置是:首页 > 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 */
}
按上面的方法就可解决隐藏多余字符,用“...”代替了。
本文标签:
很赞哦! ()
下一篇:修改织梦当前位置导航面包屑的方法
相关教程
图文教程
dedecms添加rss订阅功能的方法步骤
给dedecms添加rss订阅功能可能是每一位使用者都所期望的功能,本文将给出解决方法,需要的朋友可以参考下装好dedecms后,点击左上角的rss功能,发现404错误
织梦dedecms发表评论反回标题错误解决方案
发表评论返回后 标题是“用户评论:<?=$arctitle?>”这个是怎么回事,返回的页面链接总是feedback.php?arcID=**&urlindex=7
织梦dede网站怎么生成网站地图
很多朋友在向GG提交地图的时候说很麻烦,因为DEDE生成的XML地图是根据每个栏目生成的单个的文件,这样需要提交很多次,而且以后如果有了新栏目还需要再手动提交。
dede获取任意栏目N级列表链接树形菜单的方法
在DEDECMS里获取顶级栏目很简单,一句 {dede:channel}{/dede:channel} 即可搞定。但有时我们需要在任意页面获取任意顶级栏目下的二级和san级栏目列表的链接
相关源码
-
(自适应)大气网络公司工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板,为网络技术服务类企业打造,具备高度可定制性。通过简洁现代的设计语言展现企业专业形象,后台数据实时同步机制确保多终端内容一致性,查看源码 -
粉色家政月嫂保姆公司pbootcms网站模板(PC+WAP)为家政服务、月嫂保姆企业打造的营销型解决方案,基于PbootCMS内核开发,采用温馨粉色主题传递行业温度。PHP7.0+高性能架构支持SQLite/MySQL双数据库查看源码 -
帝国cms题库问答学习平台模板知识付费网站源码+数据采集为教育机构、培训平台及在线学习场景设计,提供完整的题库管理与问答服务解决方案。支持多种题型展示与答案查询,满足不同层次的学习需求。查看源码 -
(PC+WAP)五金机械设备营销型模板下载带在线留言为机械设备制造商设计的营销型模板,集成产品参数对比系统、产品展示模块和询价管理功能。采用PbootCMS开发内核,PHP7+运行环境。手工编写语义化HTML5结构,CSS3动画优化交互体验。查看源码 -
(自适应响应式)双语LED照明灯饰灯具外贸网站pbootcms源码下载模板采用响应式设计,能自动适应手机、平板和电脑等多种设备屏幕,确保用户在不同设备上都能获得良好的浏览体验。同一后台管理,数据实时同步,操作简便高效。查看源码 -
响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板,同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型,显著降低建站成本。查看源码
| 分享笔记 (共有 篇笔记) |
