深圳网站建设设计logo

    所有的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元素的高度，无须设定宽度即可为一个块元素设定与文字同宽的背景色。

本文出自：http://www.gengliu.com/news/47e1fe8d-c3d4-4e4f-88d9-711f319287b6.htm

由深圳网站建设公司更流网络供稿，转载请注明出自，谢谢！

本文关键字：网站制作技巧