您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
CSS控制单行长度和字符个数的方法兼容各大浏览器
钱铮友2024-02-04 17:57:23dedecms教程已有人查阅
导读我们经常遇到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 */
}
按上面的方法就可解决隐藏多余字符,用“...”代替了。
本文标签:
很赞哦! ()
下一篇:修改织梦当前位置导航面包屑的方法
相关文章
- 常用的十个CSS经典技巧总结
- ecshop模板css高级应用iconfont矢量图替换方法
- ecshop首页调用指定商品分类下商品数量循环和css循环使用说明
- ecshop商城不同分辨率调用不同CSS的方法
- 整理简单的统一CSS命名规则
- ecshop兼容CSS样式在FF、IE7、IE6中的不同表现
- ecshop模板css兼容问题_height:auto火狐下无效的解决方法
- 织梦cms用CSS做滑动效果的图片
- ecshop后台编辑增加样css式表插件代码实例
- CSS和JS合并的WordPress插件介绍分享
- dedecms文章页加边框的css代码
- dedecms的arclist循环中判断第一个li添加css否则不加的实现方法
随机图文
-
dedecms5.7英文站URL地址怎么修改
第一、进入dedecms 后台 – 核心 – 网站栏目管理 – [修改栏目]:第二、打开/include/inc/inc_fun_funAdmin.php 找到下面的代码,把里面的“_”换成“-”,一共两个地方。这里是修改拼音字符与字符之间的“-”。 -
织梦dedecms的wap手机站给列表页添加两种或多种模板的方法
给客户建立了一个简单的wap手机站,在建站的时候因为PC端的“新闻中心”栏目与“产品中心”栏目是两种模板,可不知道怎么给手机版的“新闻中心” -
织梦dedecms自由列表中不使用目录默认主页的方法
后台管理文件夹dede/makehtml_freelist_action.php第83行也就是倒数第二行;把上面的1改成0就可以了;这个方法我用过是完全可以的; -
dede查询列表中实现单独显示查到多少条记录的方法
查询列表中需要在醒目的地方单独显示查到了多少条记录。无奈dede没有提供,只有自动动手搞。1. 找到include/arc.searchview.class.php 文件 ,找到 Display()函数,添加如下判断
留言与评论 (共有 条评论) |
本栏推荐
相关标签
大家喜欢
- dede织梦cms的sql标签中传入参数的写法
- 织梦dedecms栏目高亮channel属性currentstyle使用详解
- dedecms分页样式只有下首页上一页下一页末页的修改方法
- 织梦提示Fatal error: Call to a member function GetInnerText
- dede织梦批量替换修改已发表文章的作者和来源的方法
- dedecms使用sql语句批量删除文章的写法
- dedecms自动生成xmlGoogle地图的方法
- 织梦dedecms列表页文章有缩略图则显示无缩略图不显示的方法
- 织梦channelartlist标签支持currentstyle属性的方法
- 织梦dedecms删除栏目或文章后新建ID从1开始的方法