您现在的位置是: 文字教程> 前端教程> HTML教程>

HTML教程第14课,HTMLdiv和span-

2019-03-20 11:23:221
HTMLdiv和span,HTML块级元素div和行内元素span,块级元素宽度充满整个浏览器可见区域 ,一般一行只能有一个块级元素,行内元素的宽度一般以元素内的文字内容为准 ,块级元素内可以放置多个行内元素。

HTMLdiv和span

HTML块级元素div和行内元素span

块级元素宽度充满整个浏览器可见区域 ,一般一行只能有一个块级元素 

 行内元素的宽度一般以元素内的文字内容为准 ,块级元素内可以放置多个行内元素


实例

先看一下块级元素div和行内元素span的特性

先看一下块级元素div和行内元素span的特性

程序运行结果:

程序运行结果

块级元素div

块级元素会独占一行,默认情况下,宽度会自动填满父元素宽度。因此,多个跨级元素都是从上到下在多行显示的。

块级元素:div, p, form,  ul, li, ol, dl, table ……


行内元素span

行内元素不会独占一行,其宽度随里面的内容而变化,多个行内元素会紧挨着排在一行内,直到一行排不下才会换行

行内元素:span,  strong,  em, br, img, input, label, select, textarea, cite……

HTML 分组标签

标签描述
div定义了文档的区域,块级 (block-level)
span用来组合文档中的行内元素, 内联元素(inline)

我们前面学习了那么多标签,我们下一节会教大家怎么利用那些标签来做个简单的网页布局


文章评论