码迷,mamicode.com
首页 > Web开发 > 详细

html的块级元素与内联元素

时间:2017-02-17 14:55:33      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:方向   宽度   html   inline   text   tar   str   field   put   

css规定每个网页元素都有一个display属性,用于确定该元素的类型。

 

块级元素:(display:block)

div、p、ul、li、ol、dl、form、address、h1-h6、table、blockquote、fieldset、memu、center等

块级元素会独占一行,其宽度自动填满父元素宽度

可以设置width、height属性,即使设置了width,仍独占一行

可以设置margin、padding的top、right、bottom、left四个方向值

内联元素:(display:inline)

span、a、label、img、input、textarea、select、 cite、q、strong、em等,其中img、input、textarea属于特殊的内联元素inline-block

内联元素不会独占一行,相邻元素会排列在同一行内,直到一行排不下才会换行,其宽度随元素内容而变化

无法设置width、height属性

可以设置margin、padding的right、left值,无法设置top、bottom值(水平方向有效,竖直方向无效)

html的块级元素与内联元素

标签:方向   宽度   html   inline   text   tar   str   field   put   

原文地址:http://www.cnblogs.com/kino156/p/6409557.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!