text-align:center的作用是什么,作用在什么元素上?能让什么元素水平居中
作用在块级元素上,对块级元素内的行内元素有效,对部分块级元素也有效,例如p,h也有效。
如果遇到一个属性想知道兼容性,在哪查看?
可以在Can I use查询,例如
IE盒模型和W3C盒模型有什么区别?
在不用doctype的ie678,使用ie盒模型,设置宽度=边框+内边距+内容宽度。
在chrome和ie9以上浏览器和使用了doctype的ie678使用W3C盒模型,设置宽度=内容宽度。
以下代码的作用?兼容性?
*{
box-sizing:border-box;
}
box-sizing:定义盒模型尺寸。
border-box是指设置宽度是已经包括了边框和内边距的,内容宽度是设置宽度和高度减去内边距和边框的值。
还可以是:
content-box:这个就像W3C标准盒模型一样,设置的宽度就是内容的宽度。
inherit:规定应从父元素继承 box-sizing 属性的值。
兼容性
虽然box-sizing主流浏览器都支持,但是
*可不是每个浏览器都支持
****本文章版权属 饥人谷_张世钧和饥人谷 所有,如需转载请务必注明出处。****