CSS: 块级元素与内联元素(行内元素)

来源:互联网 发布:sql按周统计数据 编辑:程序博客网 时间:2024/05/18 21:49

对于每一个CSS网页元素,都有一个默认的display属性,用于确定其元素类型。



默认为display: block

块级元素,它的内容自动开始一个新行。可以通过设置高度、宽度、内外边距等设置这个元素。


常见块级元素:

div  p  form  table ul  li  ol   h1  h2  h3  h4  h5  h6 等


块级元素转换为内联元素:

设置属性display: inline



默认为display: inline

内联元素(行内元素),不会向用户呈现特殊效果,没有自己的独立空间,通常是依附于别的元素而存在,对其设置高度、宽度、内外边距等无效。


常见内联元素:

a  b  big  i  u  input img label  span  br  select


内联元素转换为块级元素:

设置属性display: block

原创粉丝点击