对行内元素和块级元素的1些了解

日期:2021-03-03 类型:科技新闻 

关键词:微信公众号平台小程序,微信打分小程序,小程序发布,小程序大全,微信小程序编程

 1、普遍块级元素有哪些:

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

2、普遍行内元素有哪些:

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

3、行内元素有哪些特性:

(1).设定width失效

(2)设定height失效,可是能够设定line-height;

(3)margin仅有上下合理,左右失效;

(4)padding和margin1样仅有上下合理,左右失效,可是不1样的是元素的范畴增大了,可是对周边的元素沒有危害;

4、不一样访问器行内元素与块级元素中text-align主要表现出来的不一样:

IE6/7及IE8掺杂方式中,text- align:center可使块级元素也垂直居中对齐。别的访问器中,text-align:center仅功效于行内內容上。

处理这个难题较为好的方法,便是为全部必须相对性父器皿垂直居中对齐的块级元素设定“margin-left:auto; margin-right:auto”。但这个方法 IE6/IE7/IE8的掺杂方式中不适用,因此还要设定父器皿的 "text-align:center;"。

以上这篇对行内元素和块级元素的1些了解便是网编共享给大伙儿的所有內容了,期待能给大伙儿1个参照,也期待大伙儿多多适用脚本制作之家。

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