PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

v4的列表中标题文字如何限制? [复制链接]

1#
目前调用都是全部文字,手机上查看会将日期挤到第二行,请教如何截取标题字数。比如,20个汉字。
分享 转发
TOP
2#

你这样截取固定字数,移动端好看了,pc端就难看
看一下这个帮助,https://www.runoob.com/cssref/func-calc.html 用css3的计算属性改一下css样式
TOP
3#

这样还是不好控制呀,最后可以在调用时,增加一个变量,跟日期的显示一样。
TOP
4#

css是最好的控制方式,是你不会写,给日期固定一个宽度就可以,标题就是总宽度减日期宽度。

系统也提供截取方法,参考:http://www.pageadmin.net/help/66.cshtml
TOP
5#

回复 4楼xiyou的帖子

感谢,先应急,css再慢慢研究!
TOP
6#

回复 4楼xiyou的帖子

请问我这个要怎么改呢  调整宽度根本没反应
/*新闻资讯-首页、子栏目公用*/
.news-list{clear:both;overflow:hidden;margin:0px 0px 15px;}
.news-list li.tw{clear:both;overflow:hidden;display:block;width:97%;padding:14px 0px 0px 15px;text-align:left;}
.news-list li.tw .pic{float:left;width:180px;height:112px;overflow:hidden;margin-right:15px;}
.news-list li.tw .pic img{width:100%;height:100%;display:block;}
.news-list li.tw .content{display:inline;}
.news-list li.tw .content a{display:block;line-height:28px;font-size:16px;padding:0px 0px 10px 0px;}
.news-list li.tw .content span{colorccc;width:400px;line-height:22px;}

.news-list li.item{clear:both;overflow:hidden;width:96%;border-bottom:1px dashed #e5e5e5;padding:15px 0px 10px 15px;text-overflow:ellipsis;}
.news-list li.item .title{padding-left:20px;background:url(images/icon-dot.gif) no-repeat left center;max-width0%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-list li.item .date{float:right;}
TOP
发新话题 回复该主题