您现在的位置是:首页 > cms教程 > 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 */
}
按上面的方法就可解决隐藏多余字符,用“...”代替了。
本文标签:
很赞哦! ()
下一篇:修改织梦当前位置导航面包屑的方法
相关文章
- 易优CMS标签load文件加载导入外部css样式文件使用方法
- 易优cms网站load资源文件加载如css/js语法和参数介绍
- 易优eyoucms网站后台登录页面错位/乱码CSS文件丢失的解决方法
- PbootCMS网站修改CSS文件的方法
- WordPress怎么引入css/js详细介绍
- PbootCMS修改CSS样式后自动更新缓存的方法
- WordPress怎么引入css/js的方法
- pbootcms网站修改CSS样式后自动更新缓存的代码实例
- 两个dedecms分页样式css代码示例
- dede织梦软件列表模板中div css使软件缩略图靠左的修改方法
- dedecms5.6更改默认颜色终极教程附带修改好的CSS表!
- 兼容所有浏览器的CSS3圆角的代码实例
随机图文
织梦dedecms采集规则和使用方法
楚截图和文字分不清楚,因此用粉色背景来区分。第一步、确定采集的网站(我们以DEDE的官方站做为采集站做示范)第二步、确定被采集站的编码。打开被采集的网dede织梦模板中怎么添加QQ和阿里旺旺客服
添加代码后,在网页的添加代码位置显示出聊天软件的图标,图标可以设置成不同的形式,在线就正常,不在线就呈灰色。dedecms织梦产品图集实现图片缩略图切换大图的方法
dedecms列表中调用单个图集中图片的数量做一个企业站的时候,产品中心没有用默认的产品来做;而是用图集来完成的,感觉图集用起来比产品更加方便一些。修改dede织梦自定义表单字段为必填项的示例
织梦自定义表单用的最多的就是制作留言板,报名等功能,但是添加的字段不填写就能提交,容易被恶意提交,为了防止这些,我们可以把这些字段选项设定为必填项。
留言与评论 (共有 条评论) |