div是块级元素,span是行内元素,这都是什么意思,具体有什么区别

 我来答
固若老唐
推荐于2019-09-02 · 原神攻略、整活、抽卡、娱乐博主
固若老唐
采纳数:31 获赞数:16458

向TA提问 私信TA
展开全部

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 - 客户端脚本

bear1738
推荐于2017-09-30 · TA获得超过128个赞
知道答主
回答量:46
采纳率:0%
帮助的人:29.9万
展开全部
关于这2个有什么区别,可以从不同的角度来解释!
先这么理解嘛:
块元素(例如div)在没有任何布局属性作用时,默认排列方式是换行排列;
内联元素(例如span、a)在没有任何布局属性作用时,默认排列方式是在同行排列,直到宽度超出包含它的容器宽度时才自动换行。

这是一种比较容易理解的解释!

其实当内联元素通过display:block;声明后它也可以转换为块元素!这个经常用于当你一个块中放一张图片,要让图片水平居中的时候(示例:<img src="logo.gif" style="display:block;margin:0 auto;" />)
但是块元素(如div table等)就莫法换成内联元素了!
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友efa6bb163
2009-05-05 · TA获得超过107个赞
知道小有建树答主
回答量:180
采纳率:0%
帮助的人:55.8万
展开全部
简单理解,DIV是放在外部使用的,而span很少单独使用,一般都是放在div或者table里面使用。所以叫行内元素!!!!
嘿嘿,给分吧!!!!!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yiqianke
2009-05-05 · TA获得超过115个赞
知道答主
回答量:121
采纳率:0%
帮助的人:116万
展开全部
最简单的理解.
span 不换行
div 换行
为什么呢
因为div是块元素
而span是跟<a></a>一样不影响块的.

如果你想给你的文字加样式.可以在外面加span 比如
<span style="color:red">文字</span>的颜色
这样这五个字依然在一行 只不过"文字"变成了红色.
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
JimmyLincole
2012-09-03 · TA获得超过124个赞
知道答主
回答量:134
采纳率:0%
帮助的人:54.5万
展开全部
块元素是可以转换成内联元素的,只是转换的时候,高度和宽度不起作用了..你可以自己试一下...因为内联元素是不可以设置高度与宽度的..
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式