码迷,mamicode.com
首页 > 其他好文 > 详细

block、inline、inline-block的区别

时间:2015-10-04 18:26:58      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

block可以是行内元素变成块级元素。并且拥有块级元素的特点:

1、单独占满父元素的一行;

2、可以对height和width属性进行设置;

3、可以设置margin和padding的值。

inline可以将块级元素变为行内元素,并拥有行内元素具有的特点:

1、不会单独占据一行,对个行内元素可以都在一行,只有一行排列不下了才会另起一行;

2、height和width属性对齐无效,是由行内元素内容决定的;

3、对于margin和padding只有水平方向才会产生效果,竖直方向不会产生效果。

inline-block可以元素具有行内元素和块级元素的特点。

技术分享

block、inline、inline-block的区别

标签:

原文地址:http://www.cnblogs.com/you-are-the-one/p/4854764.html

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