块对象与内联对象(行内元素)

转自:http://zhidao.baidu.com/link?url=kgO0dzlwF1_2UGlp6tLmOHU6SiksdSP2ocmejvROK2kbgIxTENmxlC6a-NfiCLbhfHegXW3aknAVraUZUTT_t_

问:
什么是内联对象?

答:
我这里把内联对象和块对象做了一个比较  希望你能对彼此有更深的理解
  • 块对象
    块对象默认宽度是100%(继承自父元素),如果没有采用“float:left/right;”样式,相邻的两个块对象就会分排在不同的两行上。
    例 :<div>, <p>, <h1>, <form>, <ul> 和 <li>是块对象(元素)的例子。
  • 内联对象
    内联对象的宽度取决于其内部元素的宽度与padding样式值之和,不可直接指定其宽度与高度(注:只有“display:block;”、“float:left/right;”强行转换后才可以定义),相邻的两个内联对象会排在同一行上。
    例:<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是内联对象(行内元素)的例子。
  • 什么是内联对象,什么是块对象?
    所有可视的文档对象都是块对象(block element)或者内联对象(inline element)。例如, div 是一个块对象,span 是一个内联对象。

    块对象的特征是从新的一行开始且能包含其他块对象和内联对象。从新的一行开始:比如div就是前后断行;

    内联对象被呈递时不会从新行开始,能够包含其他内联对象和数据。内联可以这样理解:不从新的一行开始,直接从内容里面,接着往后走。。。是指它能被别的对象内联。。。。

你可能感兴趣的:(块对象与内联对象(行内元素))