块级元素和行级元素

最新推荐文章于 2024-07-09 15:09:19 发布
最新推荐文章于 2024-07-09 15:09:19 发布
阅读量207 收藏 2
点赞数 1
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wb0111/article/details/123637950
版权

块级元素：相当执行了 display：block 的操作

1.独占一行。

2.宽度和高度可控，如果没有设置其宽度，将默认铺满整行

（其内可以包括块级和行级元素）

行级元素：相当执行了 display：inline 的操作

1.不会独占一行。与相邻行级元素占同一行，直到行占满，会掉到下一行

2.宽高不可控

(其内只能包含行级元素)

标签相互转化

天码型空
关注
专栏目录
js中的块级元素和行级元素
c博客
06-07 949
js中的块级元素和行级元素
CSS块级元素和行内元素
u014173997的博客
10-14 697
本文导读：HTML中的元素可分为两种类型：块级元素和行级元素。这些元素的类型是通过文档类型定义（DTD）来指明。块级元素：显示在一块内，会自动换行，元素会从上到下垂直排列，各自占一行，如p,ul,form,div等标签元素。行内元素：元素在一行内水平排列，高度由元素的内容决定，height属性不起作用，如span,input等元素。 一、块级元素：block element  
行内元素及块级元素列表
weixin_30432007的博客
08-05 112
块级元素列表 <address> 定义地址 <caption> 定义表格标题 <dd> 定义列表中定义条目 <div> 定义文档中的分区或节 <dl> 定义列表 <dt> 定义列表中的项目 <fieldset> 定义一个框架集...
HTML行级元素和块级元素区别
小北
04-17 3250
HTML块级元素与行级元素   转自：http://gkecenter.blog.163.com/blog/static/181380305201291745234195/   一.两种类型 HTML中的大部分元素都可分为两种类型：块级元素和行级元素。这些元素的类型是通过文档类型定义（DTD）来指明。块级元素会从新的一行出现，行 级元素则不会。块级元素的前后都
行级元素和块级元素
OoChellyoO的博客
12-08 1350
1.1 块级元素： 块级元素独占一行，块级元素的后面无法再放任何的内容从页面布局和外观显示来看， 一个网页的布局就类似于一篇报纸的排版。首先将网页分成大的 模块。然后在模块里面再分成小的模块。所以块级元素多用于布局。 1.2 行级元素： 只占一小块空间，后面可以继续放内容行级元素也称为行内标签，内联标签，使用块级 、元素将网页结构搭建好了后，使用行级元素来排版。
CSS块级元素与行级元素详解
09-27
块级元素通常会在新的一行开始，并且可以包含内联元素和其他块级元素。例如，`<p>`标签（段落）、`<form>`标签（表单）、以及`<div>`标签（通用布局容器）都是常见的块级元素。块级元素的特点是它们会占据整个宽度，...
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...
块级元素和行级元素，分别有哪些，它们的区别
06-10
除此之外，还有一种行内块级元素，它们既具有块级元素的宽度、高度、边距和内边距等样式属性，又不会独占一行，常见的行内块级元素有`<img>`、`<input>`、`<button>`等。 总的来说，块级元素和行内元素的区别在于...
CSS笔记 ( 五 ) 行级元素, 块级元素以及行级块元素
leon9dragon的博客
01-06 1643
本章介绍行级元素, 块级元素以及行级块元素之间的区别和关联
HTML块级元素与行级元素
XPY567
12-13 1824
HTML块级元素与行级元素 一、两种类型 HTML中的大部分元素可分为两种类型，块级元素和行级元素，这些元素的类型是通过文档定义（DTD）来指明，块级元素会从新的一行出现，行级元素则不会，块级元素的前后都会插入的断行，所以如果不用CSS则没办法让两个块级元素并列在一起。   1.1  块级元素 块级元素一般作为容器出现，用来组织结构，但并不全是如此。有此块级元素，如只能包含块级元素，其他
块级元素和行级元素的区别
_
11-25 2849
常见的块级元素有div，p，form，ul，ol，li，常见的行级元素有span，strong，em。块级元素会独占一行，默认情况下，其宽度自动填满其父级宽度，行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到下一行排不下，才会换行，其宽度随元素内容的变化而变化，块级元素可以设置width和height，而行内元素则无效，注意，块级元素即使设置了宽度，也是独占一行的，块级元素可以设置mar
块级元素和行内元素的区别
gao_zhennan的博客
03-26 1万+
无论是初学者或者是即将面试的前端工程师，行内元素及块级元素都是非常重要的知识点，在布局设置宽高和边距时经常由于混淆行内元素及块级元素出现问题。 一、显示元素 （一）块级元素 div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre HTML5：header、section、article、footer等等，还...
块级元素和行级元素特点区别整理
兔子的博客
08-11 3699
行级元素（行盒：inline） 常见行内元素：span、a、（img、textarea、button、input）、label、select、canvas、audio、video，b, i, strong、em、br、 （img、textarea、button、input）：可设置宽高 基本特点：1、不换行（与其他行级元素共享一行） 2、由于不用来搭建网页结构，宽高不能改变（自适应宽高） 3、img默认是行级元素，但是能修改宽高 4、行级元素内不能嵌套块级元素 5、水平方向排列 面试题： 如果行级与行级元素
块级元素、行内元素、行内块元素的区别
m0_59717262的博客
06-25 4475
不管块级元素还是行内元素，区别:一是排列方式，二是宽高边距设置，三是默认宽度。块级元素会独占一行，而行内元素和行内块元素则会在一行内显示；块级元素和行内块元素可设置 width、height 属性，而行内元素设置无效；块级元素的 width 默认为 100%，而行内元素则是根据其自身的内容或子元素来决定其宽度；而行内块级元素又同时拥有块级元素和行内元素的特点。
行内元素与块级元素详解
最新发布
My_wife_QBL的博客
07-09 1737
行内元素是指那些不会开始新行，而是在同一行内连续显示的 HTML 元素。行内元素的宽度、高度和内外边距（margin 和 padding）通常只影响元素本身，不会影响周围元素的布局。块级元素是指那些在文档中会独占一行，并且可以设置宽度、高度和内外边距的 HTML 元素。块级元素的宽度默认会扩展到父元素的宽度，并且会开始新行。
行内元素、块级元素和行内块元素
不是独角兽的博客
05-09 9622
HTML 可以将元素分类方式分为行内元素、块级元素和行内块元素. 使用display属性能够将三者任意转换: display:inline;// 转换为行内元素 display:block;// 转换为块级元素 display:inline-block// 转换为行内块元素 行内元素 行内元素:（a，span，i，em，strong，b，label） 行内元素最常使用的就是span，其他的只在特定功能下使用. 行内元素特征: 设置宽高无效 对margin仅设置左右方向有效，...
块级元素和行内元素
weixin_42434289的博客
10-06 769
块级元素和行内元素 块级元素 <address>定义地址 <caption>定义表格标题 <dd>定义列表中定义条目 <div>定义文档中的分区或节 <dl>定义列表 <dt>定义列表中的项目 <fieldset>定义一个框架集 <form>创建HTML表单 <h1>定义最大的标题 <h2>定义副标题 <h3>定义标题 <h4>定...
html 行级元素和块级元素标签列表
热门推荐
小葵坤_易安的博客
06-02 1万+
一、显示元素 （一）块级元素 div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre HTML5：header、section、article、footer等 块级元素独占一行，当没有设置宽高时，它默认设置为100%（其宽度自动填满其父元素宽度） 块级元素允许设置宽高，widt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值