多年来，垂直居中问题一度成为前端开发者的热门话题。因为这个需求极其常见，但又看似简单，实施起来很难，尤其是涉及到尺寸不固定的情况时。 html基...
投稿
收录了6篇文章 · 5人关注
-
CSS：跨世纪的垂直居中问题解决方案
-
CSS3：毛玻璃效果通常我们喜欢使用半透明颜色作为背景。如果将其叠放到照片背层上，就会增加视觉上的冲击力，不过这样会导致文字阅读困难。 比如，下面这个效果： htm...
-
CSS 省略号样式(小知识)
单行省略号： 多行省略号： 值得注意的是，在webpack打包时，-webkit-box-orient: vertical;这行被移除了！！ 出...
-
CSS3：分享几个糖果按钮实例下面就是几个糖果按钮的效果图，在这里把它们分享给大家，没有使用图片，是纯CSS3编写的，在实际项目中我们应尽量避免使用过多的图片，以减轻浏览器的...
-
CSS：border边框的巧用边框，是项目中最常用的属性之一，我们写过的最多的应该是border: 1px solid xxx了吧。那么，我们有没有想过它的出现不止存在于此呢...
-
CSS：你不知道的width:autowidth一个家喻户晓的属性，我们都知道它的默认值是auto，但是我们该怎么更好的使用width:auto呢？ 我们首先来看一下这个属性值的宽度...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1804132/WechatIMG490.jpeg', '推荐专题《CSS》（ 分享自 @简书 ）','https://jianshuapi.com/c/675afe23143c?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','页面编码gb2312|utf-8默认gb2312'));){kind=link}