| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 3040 人关注过本帖
标题:两条新闻标题间用一条虚线分隔,可以使用边框实现,虚线高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
快速回复:两条新闻标题间用一条虚线分隔,可以使用边框实现,虚线高1像素,距上 ...
数据加载中...
 
   



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

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