块级元素和行内元素的区别

最新推荐文章于 2024-10-16 10:32:11 发布
最新推荐文章于 2024-10-16 10:32:11 发布
阅读量453 收藏
点赞数
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012036171/article/details/44044613
版权
干货： 块级元素和行内元素的区别，感兴趣的收下吧。

　

块级元素

行级元素

标签

div,p,form,ul,ol,li等

span,strong,em等

是否独占一行

独占一行，默认情况下其宽度自动填满其父元素宽度。

相邻行内元素会排列在同一行

是否可以设置width,height属性

可以设置

设置无效.

是否可以设置margin,padding属性

可以设置

非常奇怪，padding-top,padding-bottom,margin-top, padding-bottom不会产生边距效果.

display的值

display:block

display:inline
 
WionWan
关注
专栏目录
全面了解行内元素与块级元素的区别
01-21
首先，CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，分别为块级（block）、行内（inline）。 块级元素：（以下列举比较常用的块级元素，详情可在w3cschool查询） XML/HTML Code复制内容到剪贴板 <div>定义文档中的分区或节       <h1>定义最大的标题       <h2>定义副标题       <h3>定义标题       <h4>定义标题       <h5>定义标题       <h6>定义最小的
行内元素和块级元素的区别
热门推荐
Intlgj的专栏
12-08 1万+
简要说明： 1. 行内元素会再一条直线上，是在同一行的。比如span和strong; 2. 块级元素各占一行。是垂直方向的！比如div和p. 假如你要将行内元素变成块级元素，那么就只需要在该标签上加上样式 display:block; 块级元素可以用样式控制其高、宽的值，而行内元素不可以。 行内元素与块级元素列表 块级元素列表 定义地址 定义表格标题
块级元素与行内元素的区别
zengyonglan的博客
11-23 508
htm元素一般分块级元素和行内元素。块级元素：块级元素单独一行，可以设置宽度高度，可以设置margin,padding。可以成为其他元素的容器，可以容纳块级元素和行内元素。常见的块级元素有div, p ,h1~h6,ul,table,form,hr等。 行内元素：行内元素设置width无效，height无效(line-height除外)，margin上下无效，padding上下无效，但可以与其他行内
行内元素与块级元素的区别
小满的博客
11-07 122
行内元素不会独占一行，他们会排在一行直到排不下才换行，宽度随元素变化而变化；而块级元素独占一行，宽度自动填充父容器宽度。 行内元素不可以设置width，height。块级元素可以。 行内元素水平方向的margin，padding有效，竖直方向上的无效；块级元素都有效。 ...
行内元素和块级元素的区别？
最新发布
qq_48763502的博客
10-16 677
块级元素负责网页的结构布局，能够容纳其他元素并控制其排列。行内元素则专注于文本及小块内容的样式化，不会改变布局流。通过理解和合理运用这两种类型的元素，可以提升网页的可读性和用户体验。
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。...内联元素(inline element)也叫内嵌元素或行内元
进一步理解CSS编程中的块级元素和行内元素
12-13
Block element 块级元素顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的、、默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。...
【CSS基础学习】行内元素，块级元素，行内块级元素
01-08
文章目录元素的显示方式和转换块级元素行级元素行内块级元素显示方式之间的转化 元素的显示方式和转换 块级元素 块级元素（inline）： 块级元素可以包含行内元素和其它块级元素，且占据父元素的整个空间，可以设置 ...
行内元素、行内块元素、块级元素的区别
GCRJppaa的博客
11-20 683
一、行内块元素的特性 普遍的规则里总有那么几个不一样的，在行内元素中就有那么几个特殊标签，比如,可以给他们设置宽度、对齐属性、我们把这样特殊的一类标签称为行内块元素。行内块元素综合了块元素和行内元素的不同特点。 行内块元素的特点： **1.**和相邻行内元素在同一行，但是之间会有空白缝隙。 **2.**默认宽度是他本身内容的宽度。 **3.**宽度、高度、行高、外边距以及行边距都可以手动设置。 二、行内元素的特性 行内元素也称为内联元素，行内元素不占有独立区域，其大小仅仅被动的依赖于其自身内容的大小，所以一
块级元素与行内元素
Lily55_Li的博客
05-17 518
1、块级元素与行内元素分别有哪些？ 块级元素：div， p，form， ul，li, ol，dl，dt， dd，address，fieldset，hr，menu，table等。 行内元素：span, strong, em, br, img, input, label, select, textarea，i，a等。 2、 区别： 1）块级元素会独占一
行内元素、行内块、块级元素的区别
Cure The World的博客
08-23 1986
什么是行内元素、行内块、块级元素 块级元素 每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。 常见的块级元素有：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li> 等 行内元素 行内元素（内联元素）：不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。 一般不可以设置宽度，高度以及对齐等属性。 常见的行内元素有：<a >,<strong&
CSS块级元素和行内元素及其区别
前端向朔
10-21 962
HTML中的元素可分为两种类型：块级元素和行级元素。这些元素的类型是通过文档类型定义（DTD）来指明。块级元素：显示在一块内，会自动换行，元素会从上到下垂直排列，各自占一行，如p,ul,form,div等标签元素。行内元素：元素在一行内水平排列，高度由元素的内容决定，height属性不起作用，如span,input等元素。
行内元素和块级元素
qq_50563868的博客
06-15 278
一、块级元素 常见的有：div, p, h1,h2, h3, h4, h5, h6, br, ol, ul 二、行内块元素（内联元素） 常见的有：a, span, strong, b, em, i, img, input, select， label, script 三、两者之间的区别 （1）块级元素独占一行，而行内块元素不占据一行。 （2）块级元素可以设置高宽，而行内块元素不可以设置高宽。 （3）块级元素不会主动换行，而行内块元素可以自动换行。 四、块级元素与行内块元素之间的转换
行内元素,块级元素,行内块级元素之间的区别
qq_44012757的博客
08-23 245
区别 1.在众多行内元素中，最常使用的是span，另外行内元素还包括img、a、big、small、sub、sup、strong、u、button(属性默认为display：inline-block) 2.行内元素的特点：相邻的行内元素不换行，设置宽高无效，margin设置仅左右方向有效，上下无效，padding设置上右下左都有效。水平方向上padding-left，padding-right，margin-left，margin-right都有边距效果，但是垂直方向上padding-top、padding
深入解析CSS中的块级元素与行内元素
在CSS编程中，了解块级元素（Block Elements）和行内元素（Inline Elements）是非常基础且重要的概念。这两个概念构成了网页布局的基础，帮助开发者控制网页元素的排列方式。 块级元素是网页布局的核心组成部分，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值