注册 登录
编程论坛 WEB前端(UI)

两条新闻标题间用一条虚线分隔,可以使用边框实现,虚线高1像素,距上下文字各0.5倍文字大小。 注意:第一条新闻标题上方和最后一条标题下方无虚线。

勤劳的猪 发布于 2019-04-14 10:52, 2986 次点击
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;
}
请问接下来该怎么把最后一条新闻标题下方的虚线去掉呢?
1 回复
#2
勤劳的猪2019-04-14 22:06
知道了知道了
1