rico_liang的博客

对于text-algin 的使用来自于对按钮中文字的居中的需求，一直停留在text-algin:center只能操作文本的想法，最近同学提了一个问题，于是对text-algin进行了新的探索。首先，text-algin确实可以对块级元素中的文本，不论是包含在p，h1,span,div的文本，都可以准确的居中。但是，这次源于对不定宽元素居中的需求，发现了 text-algin:center 可以将元素

margin 崩塌今天碰到了一个问题，子元素的margin-top被设置在了父元素上，这是原来就出现过的问题，但是被自己忽视了，今天碰巧遇到，好好研究了一下，这个现象叫做margin collapse，源于对margin-top 和margin-bottom的一种控制，CSS及浏览器的设计者们希望我们在布局时，如果遇到上下两个并排内容块的安排，最好只设置其中每个块上或下margin的一处即可。...

一、BFC概念块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的部分，是块级盒布局发生的区域，也是浮动元素与其他元素交互的区域。二、如何创建BFC根元素或其它包含它的元素浮动元素 (元素的 float 不是 none)绝对定位元素 (元素的 position 为 absolute 或 fixed)内联块元素 (元素具有 ...