css之block和inline元素的特点

申请免费试用、咨询电话：400-8352-114

admin

所有的HTML元素都属于block和inline之一。block和inline元素的特点是什么呢？抚州网站制作公司来告诉你。

一、block元素特点

    总是在新行上开始；
    高度，行高以及顶和底边距都可控制；
    宽度缺省是它的容器的100%，除非设定一个宽度
    <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。

    display:block;
    是让对象成为块级元素(比如a，span等)
    display有很多对象，具体可以参考W3C的介绍
    一般都是用display:none和display:block来控制层的显示

对于HTML等文档类型，如果使用display不谨慎会很危险，因为可能违反HTML中已经定义的显示层次结构。对于XML，由于XML没有内置的这种层次结构，所有display是绝对必要的。

二、inline元素特点

    和其他元素都在一行上；
    高，行高及顶和底边距不可改变；
   宽度就是它的文字或图片的宽度，不可改变。
    <span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。

用display: inline 或display: block命令就可以改变一个元素的这一特性。什么时候需要改变这一属性呢？让一个inline元素从新行开始，让块元素和其他元素保持在一行上，控制inline元素的宽度（对导航条特别有用），控制inline元素的高度，无须设定宽度即可为一个块元素设定与文字同宽的背景色。

发布：2007-03-31 16:02 编辑：泛普软件 · xiaona [打印此页] [关闭]

css之block和inline元素的特点

泛普抚州网站建设公司其他应用