标题:两条新闻标题间用一条虚线分隔,可以使用边框实现,虚线高1像素,距上下文字 ...
取消只看楼主
勤劳的猪
Rank: 2
等 级:论坛游民
帖 子:12
专家分:10
注 册:2018-3-19
结帖率:40%
 问题点数:0 回复次数:1 
两条新闻标题间用一条虚线分隔,可以使用边框实现,虚线高1像素,距上下文字各0.5倍文字大小。 注意:第一条新闻标题上方和最后一条标题下方无虚线。
a {
/* 定义为行内块行元素,只有块级元素可设置文字溢出后的替换效果 */
display: inline-block;
/* 宽度 =100%-左侧装饰符的宽度 (0.25em)-装饰符左 (1px)、右 (0.5em) 外边距 */
width: calc(100% - 0.75rem - 1px);
overflow: hidden; /* 隐藏溢出部分 */
text-overflow: ellipsis; /* 文字溢出部分使用``···''替代 */
color: #369;
text-decoration: none;
white-space: nowrap;
font-family: 华文中宋;
border-bottom:  1px dashed;
padding: 0.5em 0 0.5em  0;
}
请问接下来该怎么把最后一条新闻标题下方的虚线去掉呢?
搜索更多相关主题的帖子: 新闻 标题 上下文 文字 大小 
2019-04-14 10:52
勤劳的猪
Rank: 2
等 级:论坛游民
帖 子:12
专家分:10
注 册:2018-3-19
得分:0 
知道了知道了
2019-04-14 22:06



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-494122-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.711128 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved