腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

无所事事者爱嘲笑

专栏作者

70

文章

119919

阅读量

29

订阅数

不定高元素的高度transition动画实现

分析文档描述 CSS 支持动画的属性中的 height 属性如下： height ：yes, as a length, percentage or calc() 即：当 height 的值是 length，百分比或 calc() 时支持 CSS3 过渡。所以当元素 height : auto 时，是不支持 CSS3 动画的。解决办法一、使用max-height属性代替height实现过渡效果 div{ max-height: 0; transition: max-height .5s; } d

2018-06-27

4.5K0

居中方案水平居中行内元素父元素设置text-align:center 定宽块元素设置 margin 左右为 auto 块元素文本居中设置text-align:center 不定宽块元素设置 display 为 table，margin 左右为 auto 利用table标签的长度自适应性---即不定义其长度也不默认父元素body的长度（table其长度根据其内文本长度决定），因此可以看做一个定宽度块元素，然后再利用定宽度块状居中的margin的方法，使其水平居中。设置 display 为 inli

2018-06-20

8230

vue中的v-cloak

vue.js 打包 css html

问题在使用vue时，HTML 绑定 Vue实例，在页面加载时会闪烁类似{{msg}}这样的信息。可能会导致用户体验不好。使用v-cloak v-cloak就能解决这个问题。 (1)用法这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。官方API 我们可以在 css 中加上： [v-cloak] { display: none; } 然后在 html 中的

2018-06-20

5510

优秀的前端需要做到什么？

javascript css dns jquery

昨天在知乎上看到一篇文章，大概的意思是互联网行业不是真的缺会做前端的，缺的是优秀的前端。下面是文章中提到的一些点，放在这里以自省：事实上，前端工程师在做的是：在设计师和工程师之间创建可视化的语言；用可视化的设计，定义一组代表内容、品牌和功能的组件；为 Web 应用程序的公约、框架、需求、可视化的语言和规格设定底线；定义 Web 应用程序的设备、浏览器、屏幕、动画的范围；开发一个质量保证指南来确保品牌忠诚度、代码质量、产品标准；为 Web 应用程序设定适当的行距、字体、标题、图标、边距、填充等

2018-06-20

5140

经常遇到的浏览器的兼容性有哪些?

png24 位的图片在 iE6 浏览器上出现背景解决方案是做成 PNG8. 浏览器默认的 margin 和 padding 不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。 IE6 双边距 bug:块属性标签 float 后,又有横行的 margin 情况下,在 ie6 显示 margin比设置的大。浮动 ie 产生的双倍距离 #box{ float:left; width:10px; margin:0 0 0 100px;}这种情况之下 IE 会产生 2

2018-06-20

5440

没有更多了

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态