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

行内元素和块级元素的具体区别是什么?行内元素的padding和margin可设置吗?

时间:2017-07-15 14:01:24      阅读:498      评论:0      收藏:0      [点我收藏+]

标签:而且   margin   add   设置   图片   宽度   区别   元素   img   

块级元素(block)特性:

总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;

宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;

内联元素(inline)特性:

和相邻的内联元素在同一行;

宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变(也就是padding和margin的left和right是可以设置的),就是里面文字或图片的大小。

那么问题来了,浏览器还有默认的天生inline-block元素(拥有内在尺寸,可设置高宽,但不会自动换行),有哪些?

答案:<input> 、<img> 、<button> 、<texterea> 、<label>。

行内元素和块级元素的具体区别是什么?行内元素的padding和margin可设置吗?

标签:而且   margin   add   设置   图片   宽度   区别   元素   img   

原文地址:http://www.cnblogs.com/wade1220/p/7182298.html

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