2017年1月20日

如何用CSS快速布局（一）—— 布局元素详细

摘要： css快速布局必弄清的几件事：块级元素&内联元素概念厘清、盒模型、定位元素显示优先级总结、居中对齐方法总结、样式继承等。 阅读全文

posted @ 2017-01-20 23:19 zeifenbing 阅读(7351) 评论(0) 推荐(5)

怎么应用vertical-align，才能生效？

摘要： vetical-align的作用环境是父元素设置line-height，作用对象是inline/inline-block元素。了解vertical-align起作用的条件才能避免很多错误。 阅读全文

posted @ 2017-01-20 17:18 zeifenbing 阅读(4842) 评论(0) 推荐(1)

line-height系列（二）——对行内元素（文字、图片、兄弟元素）、块级元素设置line-height后的表现

摘要： 对图片设置line-height不会垂直居中，而是有一个规律：图片底部向上距离行高中垂线6px。多行文字未必中垂线对齐，可能是底线对齐。 阅读全文

posted @ 2017-01-20 09:58 zeifenbing 阅读(6025) 评论(0) 推荐(1)

line-height系列——定义和工作原理总结

摘要： 一、line-height的定义和工作原理总结 line-height的属性值: normal 默认 设置合理的行间距。 number 设置数字，此数字会与当前的字体尺寸相乘来设置行间距line-height:1.5; length 设置固定的行间距。 例如：line-height:18px; % 阅读全文

posted @ 2017-01-20 00:05 zeifenbing 阅读(873) 评论(0) 推荐(0)

导航