怎么调取栏目中的文章标题和文章日期，显示在首页

迅睿框架更新 2022-05-09 19:40:58

cat2123

我的问题如图说示意：（我用的是迅睿的模板，用portlet light 调取栏目中的文章标题和文章日期，显示在首页。）

但是每篇文章标题与其日期间隔太宽了，我想让文章标题与日期之间的空白缩小，以便标题的字数能显示的更多一些，如下图右侧所示。我想了好几天也相处如何解决办法。恳请胡老师抽空帮忙看看！

97889798

上图左侧的html源码如下(使用的还是迅睿的style.css 和 pc.css，我就不发截图了)：

303

方案

小风 #2 · 2022-04-24 13:16:57

满意答案

给li 加上以下CSS

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;width: 100%;

tugoy #3 · 2022-04-24 13:18:55

这是 HTML+CSS的最基础知识了，不会的话只能找人帮你做模板了
志伟 #4 · 2022-04-24 13:32:17

这个是CSS问题，和程序无关，你可以在浏览器界面按F12，然后点出现的控制台左侧那个箭头一下，然后去你想修改的位置点下，在右侧找到对应的CSS，增加它的宽度width值到你满意的效果。
SEO优化推广 #5 · 2022-04-24 14:25:50

字数修改一下就可以了，14是调取的字数。你可以修改成你想要的
cat2123 #6 · 2022-04-24 22:14:08

非常感谢#1楼韦爵爷、#2楼小风、#3楼 tugoy、#4楼志伟、#5楼 SEO优化推广的指点！ 👍 👍 👍 👍 👍 👍下午睡了一下午。起来都是晚上了。根据大家的指点，终于搞定了。对于CSS，一直都是软肋，到现在也没搞懂。
cat2123 #7 · 2022-04-24 22:15:30
小黄人 18html #8 · 2022-04-24 22:32:23
cat2123 #9 · 2022-05-09 19:40:58

@小风：给li 加上以下CSS overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width: 100%;