2024年5月12日发(作者:敖黎明)
Html div和span详解
div和span的区别
div:
div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网页通过div来布
局定位网页中的每个区块。
Span:
span是一个内联元素,没有实际意义,它的存在纯粹是为了应用样式,给一段内容加上标
记可以通过在span上定义样式来设定其内容的样式。
div和 span元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。
比如:代码:
div标记不同行:
span标记同一行:
border="0">
border="0">
border="0">
输出结果:
区别:
两者最明显的区别在于div是块元素,而span是行内元素。
所谓块元素:
是以另起一行开始渲染的元素,
行内元素:
不需另起一行,
测试一下下面的代码你会有更形象的理解:
如:
"/TR/xhtml1/DTD/">
测试紧跟前面的"测试"显示
2024年5月12日发(作者:敖黎明)
Html div和span详解
div和span的区别
div:
div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网页通过div来布
局定位网页中的每个区块。
Span:
span是一个内联元素,没有实际意义,它的存在纯粹是为了应用样式,给一段内容加上标
记可以通过在span上定义样式来设定其内容的样式。
div和 span元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。
比如:代码:
div标记不同行:
span标记同一行:
border="0">
border="0">
border="0">
输出结果:
区别:
两者最明显的区别在于div是块元素,而span是行内元素。
所谓块元素:
是以另起一行开始渲染的元素,
行内元素:
不需另起一行,
测试一下下面的代码你会有更形象的理解:
如:
"/TR/xhtml1/DTD/">
测试紧跟前面的"测试"显示