block、inline、inline-block

block:	block - 块级元素常见的块级元素包括：div,form,p,table,ul,ol,dl,h1~h6,pre block 可以包含 inlne 和 block 和 inline-block(有的不适合，比如 p)； block 独占一行，多个block 会另起一行；默认情况下，block元素宽度自动填满父元素； block 可以设置 width 和 height，但还是独占一行； block 可以设置margin 和 padding；
inline:	inline - 行内元素（内联元素）；常见的行内元素包括：span,a,label,input,strong,em,select,textarea,img,br,code； inline 不能包含子元素；多个inline都在一样显示，直到放不下，才会另起一行。 inline 元素设置 width 和 height 无效，宽度是内容决定的。 inline 的（margin-left、right）和（padding-left、right）是有效的，height是无效的。
inline-block：	这个属性是让元素既能一行，又可以设置宽高、边距等。 inline-block 理论上ie低版本是不支持的，但它会触发 layout，显示出inline-block的表象。

时间： 2024-10-23 12:38:34

block、inline、inline-block的相关文章

display:inline、block、inline-block的区别摘】

display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始: 高度,行高以及顶和底边距都可控制: 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子. display:inline就是将元素显示为行内元素. inline元素的特点是: 和其他元素都在一行上: 高,行高及顶和底边距不可改变: 宽度就是它的文字或图片

display:inline、block、inline-block

display:inline.block.inline-block的区别 display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始: 高度,行高以及顶和底边距都可控制: 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子. display:inline就是将元素显示为行内元素. inline元素的特点是: 和

【转】display:inline、block、inline-block的区别

转自:http://www.cnblogs.com/jdonson/archive/2011/06/10/2077932.html display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始: 高度,行高以及顶和底边距都可控制: 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子. display:inline就

inline、block、inline-block的区别

我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block.我们都知道inline是声明div是内联对象,block是声明块对象,那么inline-block是什么意思,即内联又成块?接下来做个测试,让我们了解一下三者的区别和作用吧: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" conten

display的block、none、inline属性及解释

常会用到display对应值有block.none.inline这三个值参数: block :块对象的默认值.用该值为对象之后添加新行.之前也添加一行. none :隐藏对象.与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 inline :内联对象的默认值.用该值将从对象中删除行.如果其前后都是inline的则在同一行 display:block: 特点: 1.总是在新行上开始 2.该对象随后的内容自动换行 3.高度,行高以及顶和底边距都可控制 4.如果宽度缺

display:inline、block、inline-block的区别（摘抄）

display：inline、block、inline-block 的区别

一.块级元素与行级元素要理解display:inline.block.inline-block的区别,需要先了解HTML中的块级(block)元素和行级(inline)元素的特点,行内元素也叫内联元素. 1.块级元素总是另起一行开始:高度,行高以及顶.底边距都可以控制:宽度缺省是它所在容器的100%,除非设定一个宽度.块级元素通常作为其他元素的容器,可以容纳内联元素和其他块元素.block element的HTML标签如下: address-地址blockquote-块引用center

My前端：inline、block、inline-block的区别

inline.block.inline-block的区别我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block.我们都知道inline是声明div是内联对象,block是声明块对象,那么inline-block是什么意思,即内联又成块?接下来做个测试,让我们了解一下三者的区别和作用吧: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <html xmlns="http://www.w3.org