日期:2014-05-17 浏览次数:20616 次
? ? 行内元素(inline element),又叫内联元素,其只能容纳文本或者其他内联元素。
???????? 内联元素的特点:只占内容的宽度,会根据内容的多少自动调整大小,不会占满一行,默认不会换行。
???????? 常见的内联元素如<span><a>......
??? 块元素(block element):一般都是从新行开始,可以容纳文本、其它内联元素、其它块元素。
???????? 块元素的特点:即使内容不能占满一行或者指定了宽度,块元素也要把整行占满,会自动换行。
???????? 常见的块元素:<div><p><h1><li>......
??? 注意:
????????? 一些CSS属性对行内元素不生效,比如:margin,left,right,width,height,建议尽可能使用块元素定位。
???????? (这与浏览器的版本和类型有关)
??? 块元素与行内元素的相互转换:
????????? display:inline;? 转为行内元素(比如div,这样就不会占满一行)
????????? display:block;? 转为块元素(比如a,这样会占满一行)