![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
htm
文章平均质量分 69
midii
前端开发一枚
展开
-
未知高度多行文本垂直居中
近日,微博上有朋友比较纠结未知高度的文本垂直居中问题。这个和「未知高度图片垂直居中」有些类似,但是有一些细节需要注意。这里有之前写的一个未知宽高对话框的垂直居中(拖动改变大小看是不是依然居中?),只不过对话框是相对于 viewport(视口)居中的,这里的文字需要的是相对于容器垂直居中。拿到这样的需求时,先不要想着如何兼容 IE6/7。先想想文字垂直居中靠什么属性?vertical-ali转载 2013-05-11 12:15:24 · 769 阅读 · 0 评论 -
提高前端性能方面的处理以及不足
一,最最基本的CSS顶部, JS底部YUI compressor/GzipCDN 有必要的CSS SpriteAjax可缓存以上没什么好说的。二、CSS渲染、页面重绘以及回流尽量避免类似.a.b{}.list a{}以及其他一些复杂选择器,以提高整站整体CSS渲染。避免某些expression表达式,避免IE6的AlphaImageLoader png透明滤镜,可以试试转载 2013-05-11 12:29:19 · 756 阅读 · 0 评论 -
那些年我们一起清除过的浮动
浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 (Enclosing转载 2013-05-11 12:19:41 · 395 阅读 · 0 评论 -
用:after清除浮动
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }.clearfix { *zoom:1;} 整段代码就相当于在浮动元素后面跟了个宽高为0的空div,然后设定它c转载 2013-12-19 18:12:17 · 1684 阅读 · 0 评论