对行内元素和块级元素的一些认识

 

一、常见块级元素有哪些:

button,div , dl ,dt ,form , h1 ,h2 ,h3 , h4 ,h5 ,hr ,li ,ul ,table系列,button;

二、常见行内元素有哪些:

img ,a ,input ,textarea ,b ,br ,span, select ,label ,map ,h3 ;

三、行内元素有哪些特点:

(1).设置width无效

(2)设置height无效,但是可以设置line-height;

(3)margin只有左右有效,上下无效;

(4)padding和margin一样只有左右有效,上下无效,但是不一样的是元素的范围增大了,但是对周围的元素没有影响;

四、不同浏览器行内元素与块级元素中text-align表现出来的不同:

IE6/7及IE8混杂模式中,text- align:center可以使块级元素也居中对齐。其他浏览器中,text-align:center仅作用于行内内容上。

解决这个问题比较好的方式,

就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:auto; margin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持,所以还要设置父容器的 "text-align:center;"。

以上这篇对行内元素和块级元素的一些认识就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

原文地址:http://blog.csdn.net/fanhaiwang520/article/details/7945385

对行内元素和块级元素的一些认识