日期:2014-05-17  浏览次数:20560 次

CSS--内联元素和块元素

? ? 行内元素(inline element),又叫内联元素,其只能容纳文本或者其他内联元素。

???????? 内联元素的特点:只占内容的宽度,会根据内容的多少自动调整大小,不会占满一行,默认不会换行。

???????? 常见的内联元素如<span><a>......

??? 块元素(block element):一般都是从新行开始,可以容纳文本、其它内联元素、其它块元素。

???????? 块元素的特点:即使内容不能占满一行或者指定了宽度,块元素也要把整行占满,会自动换行。

???????? 常见的块元素:<div><p><h1><li>......

??? 注意:

????????? 一些CSS属性对行内元素不生效,比如:margin,left,right,width,height,建议尽可能使用块元素定位。

???????? (这与浏览器的版本和类型有关)

??? 块元素与行内元素的相互转换:

????????? display:inline;? 转为行内元素(比如div,这样就不会占满一行)

????????? display:block;? 转为块元素(比如a,这样会占满一行)