块级元素（block-level）在默认显示状态下占据整行，其他元素在下一行中显示。例如，<p>、<h1>、<div>等元素都是块级元素。
行内元素（inline-level，也叫作“内联”元素）与块级元素相反，在默认显示状态下，允许下一个对象与它本身在一行中显示。例如，<strong>、<a>、<span>等元素都是行内元素。display属性等于“inline”的元素都是行内元素。
PS：块级和行内可以相互转换：通过设定CSS的display属性，可以使行内元素变为块级元素:display:block;也可以让块级元素变为行内元素:display:inline。
display
基本格式：display : none | block | inline
none:元素不会被显示。
block:元素将显示为块级元素，前后会带有换行符。
inline:默认。此元素会被显示为内联元素，元素后的内容在同一行显示。
块级元素和行内元素的区别
- 块级元素可以设置 width,height属性，行内元素设置width,height无效。
- 块级元素可以设置margin 和 padding。 行内元素水平方向的padding-left,padding-right,margin-left,margin-right有效，但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。（水平方向有效，竖直方向无效）。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2128.html
微信扫一扫 
支付宝扫一扫 