![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
JennyCqh
这个作者很懒,什么都没留下…
展开
-
段落<p>使用省略号... 省略内容
段落<p>使用省略号... 省略内容使用<p>标签,样式中添加white-space: nowrap;text-overflow:ellipsis;overflow:hidden ; 并设置一个宽度width,当超过宽度时后面的内容将会用省略号 ... 代替 例子:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta na...原创 2020-08-13 15:06:56 · 992 阅读 · 0 评论 -
去掉超链接<a></a>的下划线
去掉超链接<a></a>的下划线的解决方法:在css中添加text-decoration:none;原创 2020-07-20 15:40:01 · 314 阅读 · 0 评论 -
angular用DatePipe进行日期转换
angular中日期转换为要显示的格式可以使用DatePipe:(1)HTML<span*ngIf="CompareYear(notification.date)!==currentYear;elseelseCurrentYear">{{notification.date|date:'yMMMd'}}</span><ng-template#elseCurrentYear><span*ngIf="Comp...原创 2020-06-26 17:42:08 · 5514 阅读 · 0 评论 -
CSS获取当前可视屏幕的高度
vw (viewpoint width),视窗宽度,1vw=视窗宽度的1%vh (viewpoint height),视窗高度,1vh=视窗高度的1%calc() 函数用于动态计算长度值。支持 "+", "-", "*", "/" 运算,使用标准的数学运算优先级规则。例子:height:calc(100vh-42px);注意:运算符前后都需要保留一个空格,100vh = 视窗高度的100%...原创 2020-06-26 16:48:10 · 6143 阅读 · 0 评论 -
设置对话框顶端的小三角形
(1) Html设置<mat-menu#settingNotificationMenu="matMenu"class="aa"><divclass="triangle"></div> ...</mat-menu>(2)CSS设置::ng-deep.mat-menu-panel.aa{ ....triangle{border-left:9pxsolidtransparent;...原创 2020-06-26 16:41:09 · 261 阅读 · 0 评论