解决引用外部图片不能显示的问题
摘要：<meta name="referrer" content="no-referrer">
阅读全文
posted @ 2019-09-27 10:09
随笔分类 - Html css
图片显示效果
摘要：body {background-image: url(b10.png);background-repeat: no-repeat;background-position: center;background-size: cover;height: 100vh;margin: 0px;padding
阅读全文
posted @ 2019-09-02 10:09
white-space
摘要：normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行) normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行) pre: 保持HTML源代码的空格与换行,等同与pre标签 nowrap: 强制文本在一行,除非遇到br换行
阅读全文
posted @ 2019-08-21 19:05
字体
摘要：@font-face { font-family: 'yh'; src: url('../css/kt.ttf') format('truetype')/* Safari, Android, iOS */}html{ font-family: 'yh';}
阅读全文
posted @ 2019-04-19 16:09
溢出用省略号显示
摘要：overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行 //上面是一行内容的时候，当有两行的内容时候 overflow: hidden;text-overflow: ellipsi
阅读全文
posted @ 2019-02-17 23:20
居中
摘要：position: absolute; width: 90%; min-height: 300px; background: #fff; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: tr
阅读全文
posted @ 2018-12-07 17:27
CSS3 动画 可以参考
摘要：jquery HoverEx 插件样式。可以参考 @charset "utf-8"; .he-wrap { position: relative; zoom: 1; display: inline-block; *display: inline; position: relative } .he-v
阅读全文
posted @ 2018-09-29 13:24
CSS3 动画
摘要：加载动画 鼠标划过效果一，缺点是效果比较简单 还可以通过jquery设置css实现 还可以通过animation:mymove 5s设置keysframe实现动画
阅读全文
posted @ 2018-09-29 12:51
完全居中
摘要：position: absolute; top: 0; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; position: abs
阅读全文
posted @ 2017-09-11 07:17
