div是块级元素,span是行内元素,这都是什么意思,具体有什么区别
5个回答
展开全部
HTML 元素被定义为块级元素或内联元素。
1、块级元素:
①总是在新行上开始;
②高度,行高以及外边距和内边距都可控制;
③宽度缺省是它的容器的100%,除非设定一个宽度。
④它可以容纳内联元素和其他块元素
常见块级元素:address - 地址、blockquote - 块引用、center - 居中对齐块、dir - 目录列表、div - 常用块级容器,也是css layout的主要标签、dl - 定义列表
2、内联元素(行内元素)
①和其他元素都在一行上;
②高,行高及外边距和内边距不可改变;
③宽度就是它的文字或图片的宽度,不可改变
④内联元素只能容纳文本或者其他内联元素
常见内联元素:a - 锚点、abbr - 缩写、acronym - 首字、 b - 粗体(不推荐)、 bdo - bidi override、big - 大字体、br - 换行
扩展资料:
可变元素由上下文语境来决定是块元素还是内联元素 。
applet - java applet
button - 按钮
del - 删除文本
iframe - inline frame
ins - 插入的文本
map - 图片区块(map)
object - object对象
◎script - 客户端脚本
展开全部
关于这2个有什么区别,可以从不同的角度来解释!
先这么理解嘛:
块元素(例如div)在没有任何布局属性作用时,默认排列方式是换行排列;
内联元素(例如span、a)在没有任何布局属性作用时,默认排列方式是在同行排列,直到宽度超出包含它的容器宽度时才自动换行。
这是一种比较容易理解的解释!
其实当内联元素通过display:block;声明后它也可以转换为块元素!这个经常用于当你一个块中放一张图片,要让图片水平居中的时候(示例:<img src="logo.gif" style="display:block;margin:0 auto;" />)
但是块元素(如div table等)就莫法换成内联元素了!
先这么理解嘛:
块元素(例如div)在没有任何布局属性作用时,默认排列方式是换行排列;
内联元素(例如span、a)在没有任何布局属性作用时,默认排列方式是在同行排列,直到宽度超出包含它的容器宽度时才自动换行。
这是一种比较容易理解的解释!
其实当内联元素通过display:block;声明后它也可以转换为块元素!这个经常用于当你一个块中放一张图片,要让图片水平居中的时候(示例:<img src="logo.gif" style="display:block;margin:0 auto;" />)
但是块元素(如div table等)就莫法换成内联元素了!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
简单理解,DIV是放在外部使用的,而span很少单独使用,一般都是放在div或者table里面使用。所以叫行内元素!!!!
嘿嘿,给分吧!!!!!
嘿嘿,给分吧!!!!!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
最简单的理解.
span 不换行
div 换行
为什么呢
因为div是块元素
而span是跟<a></a>一样不影响块的.
如果你想给你的文字加样式.可以在外面加span 比如
<span style="color:red">文字</span>的颜色
这样这五个字依然在一行 只不过"文字"变成了红色.
span 不换行
div 换行
为什么呢
因为div是块元素
而span是跟<a></a>一样不影响块的.
如果你想给你的文字加样式.可以在外面加span 比如
<span style="color:red">文字</span>的颜色
这样这五个字依然在一行 只不过"文字"变成了红色.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
块元素是可以转换成内联元素的,只是转换的时候,高度和宽度不起作用了..你可以自己试一下...因为内联元素是不可以设置高度与宽度的..
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询