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

首页 » PageAdmin使用区 » 安装及使用交流 » v4的列表中标题文字如何限制？
ahaoxie - 2019/8/1 12:03:48
目前调用都是全部文字，手机上查看会将日期挤到第二行，请教如何截取标题字数。比如，20个汉字。
xiyou - 2019/8/1 15:36:10
你这样截取固定字数，移动端好看了，pc端就难看
看一下这个帮助，https://www.runoob.com/cssref/func-calc.html 用css3的计算属性改一下css样式
ahaoxie - 2019/8/1 16:18:05
这样还是不好控制呀，最后可以在调用时，增加一个变量，跟日期的显示一样。
xiyou - 2019/8/1 17:28:47
css是最好的控制方式，是你不会写，给日期固定一个宽度就可以，标题就是总宽度减日期宽度。

系统也提供截取方法，参考：http://www.pageadmin.net/help/66.cshtml
ahaoxie - 2019/8/1 17:37:46
回复 4楼xiyou的帖子

感谢，先应急，css再慢慢研究！
ivs1999 - 2019/8/2 11:37:09
回复 4楼xiyou的帖子

请问我这个要怎么改呢  调整宽度根本没反应
15878/*新闻资讯-首页、子栏目公用*/
.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{color:#ccc;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-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-list li.item .date{float:right;}
1
查看完整版本: v4的列表中标题文字如何限制？
Powered by Discuz!NT Archiver 3.9.913 2001-2025 Comsenz Inc.