标签的显示模式（display）

最新推荐文章于 2023-03-06 15:14:53 发布
最新推荐文章于 2023-03-06 15:14:53 发布
阅读量211 收藏
点赞数
分类专栏： 前端开发 文章标签： html5 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kate_sicheng/article/details/120808204
版权
本文详细介绍了HTML中的块级元素、行内元素和行内块元素的显示模式，包括<div>、<p>、<a>、<img/>等标签的特点及使用注意事项。强调了块级元素不能在<p>标签内使用，链接内部不允许再嵌套链接。
摘要由CSDN通过智能技术生成

标签的显示模式（display）

显示模式元素特点
块级元素（block）<div>、<p>、<h1>~<h6>、<ul>、<ol>、<li>在这里插入图片描述
行内元素（inline）<a>、<span>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>在这里插入图片描述
行内块元素（inline-block）<img />、<input />、<td>在这里插入图片描述

注意：

  • 只有文字才能组成段落。因此 p 里面不能放块级元素。同理，h1,h2,h3,h4,h5,h6,dt 这些标签都是文字类块级标签，里面不能放其它块级元素。
  • 链接里面不能再放链接。
江小虫儿
关注
专栏目录
CSS——CSS标签显示模式（display）
流楚丶格念的博客
06-27 5076
文章目录标签的类型(显示模式)块级元素(block-level)行内元素(inline-level)块级元素和行内元素区别行内块元素（inline-block）标签显示模式转换 display案例：显示模式转换 标签的类型(显示模式) HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。具体如下： 块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 霸道 常见的块元素有<h1>~&
CSS html标签显示模式（display）
快乐de馒头
01-18 1170
标签显示模式（display） 标签的类型(显示模式) HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。具体如下： 1、块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 霸道 常见的块元素有<h1>~<h6>、<p>、&lt...
标签显示模式（display）
里昂的博客
10-21 253
什么是标签显示模式 标签以什么样方式进行显示，比如div 自己占一行， 比如span 一行可以放很多个 标签的类型(分类) HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。 块级元素(block-level) 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li&...
标签的显示模式
jt18729260336的博客
09-16 576
1. 什么是标签显示模式 什么是标签的显示模式？ 标签以什么方式进行显示，比如div 自己占一行， 比如span 一行可以放很多个 作用：我们网页的标签非常多，再不同地方会用到不同类型的标签，以便更好的完成我们的网页。   2.1 块级元素(block-level) 例：常见的块元素有&lt;h1&gt;~&lt;h6&gt;、&lt;p&gt;、&lt;div&gt;、&lt;ul&...
标签显示模式
Valentine_T的博客
07-18 408
1. 标签显示模式 什么是标签显示模式？ 标签以什么方式进行显示，比如div自己占一行，比如span一行可以放很多个。 作用 网页的标签非常多，在不同地方使用不同类型的标签，可以更好的完成我们的网页需求。 标签的分类 HTML标签一般分为块标签和行内标签两种类型，也称块元素和行内元素。 2. 块级元素 块级元素特点 （1）块级元素独占一行 （2）宽度、高度、边距都是可控的 （3）宽度默认是浏览器的100% （4）是一个容器及盒子，里面可以放行内或者块级元素 注意 （1）只要文字才
HTML5 05_标签显示模式
iamts的博客
07-08 318
HTML5学习的第5个部分：标签显示模式
一文了解CSS 标签显示模式
11-21
CSS中的标签显示模式是网页布局和样式设计的关键概念，它决定了HTML元素在页面上的呈现方式。HTML标签大致分为三类：块级元素（Block-level）、行内元素（Inline-level）和行内块元素（Inline-block）。 **块级元素...
浅谈html标签的显示模式(块级标签,行内标签,行内块标签)
12-14
在实际开发中，熟练运用`display`属性进行元素的显示模式转换，可以实现复杂的布局设计。记住，`text-align`属性的生效与否取决于元素的显示模式，块级元素中它可以实现文本水平居中，而行内元素则不能。
【CSS】标签显示模式 ① ( 标签显示模式 | 块级元素 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-06 1421
一、标签显示模式 ( 块级元素 | 行内元素 ) 二、块级元素 1、块级元素简介 2、块级元素特点 3、文字块级元素 4、代码示例
浅谈标签显示模式
Welkin_qing的博客
01-17 169
display HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。具体如下： 1. 块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 霸道 常见的块元素有 &lt;h1&gt;~&lt;h6&gt;、&lt;p&gt;、&lt;div&gt;、&lt;ul&gt;、&lt;ol&...
【前端】【html/css】前端学习之路（五）：标签显示模式（display）
SuiKaSan的自学室
06-20 693
标签的类型(显示模式)1.块级元素    HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。1.块级元素（block-level）    每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。总而言之就是比较霸道。常见的块元素有&lt;h1&gt;~&lt;h6&gt;、&lt;p&gt;、&lt;div&gt;、&lt...
display标签
neninee的博客
01-20 2070
.container { display: flex; height: 100%; flex-direction: column; overflow: hidden; background-color: #fff; } display 标签 display 属性可以设置元素的内部和外部显示类型 display types。元素的外部显示类型 outer display types 将决定该元素在流式布局中的表现（块级或内联元素）；元素的内部显示类型 inner display type
标签显示模式(display)
匿名攻城狮
06-28 1389
(1)块级元素(block-level) 常见块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。 块级元素特点: ①总是从新行开始 ②高度、行高、外边距以及内边距都可以控制。 ③宽度默认是容器的100% ④可以容纳内联元素和其他块元素...
css标签的三种显示模式
Chaman1378的博客
10-21 321
css标签的三种显示模式 块内级元素 如div（是一个盒子容器）可以设置宽度（宽度默认100％）、高度，一行只能放一个块级元素。可以容纳所以标签。 文字类块级元素 只能放文本，不能放入块内级元素。 行内元素 如span 不可以设置宽度高度，一行可以放多个行内元素。只能容纳文本或者行内元素。 行内块元素 可以设置宽度、高度，一行可以放多个行内块元素。 标签显示模式转换 行内转块内：display：b...
CSS学习笔记5—标签的显示模式、行高、背景
少儿编程乔老师
10-20 519
1. 标签显示模式（display）重点 目标 理解 标签的三种显示模式 三种显示模式的特点以及区别 理解三种显示模式的相互转化 应用 实现三种显示模式的相互转化 1.1 什么是标签显示模式 什么是标签的显示模式？ 标签以什么方式进行显示，比如div 自己占一行， 比如span 一行可以放很多个 作用 我们网页的标签非常多，再不同地方会用到不同类型的标签，以便更好的完成我们的网页。 标签的类型(分类) HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。 1.2 块级
css块级元素、行内元素、行内快元素
Ctrl30
07-15 2778
块级元素(block-level)每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块元素有&lt;h1&gt;~&lt;h6&gt;、&lt;p&gt;、&lt;div&gt;、&lt;ul&gt;、&lt;ol&gt;、&lt;li&gt;等，其中&lt;div&gt;标签是最典型的块元素。块级元素的特点：（1）
css img标签显示模式
最新发布
07-15
img 标签的显示模式可以通过 CSS 的属性来控制。常用的显示模式有以下几种： 1. 默认显示模式（默认值）：图片会按照原始尺寸显示。如果图片的实际尺寸大于容器的尺寸，图片可能会超出容器。 ```css img { display: inline; } ``` 2. 块级显示模式：图片会作为块级元素显示，独占一行。可以设置宽度和高度来控制图片尺寸。 ```css img { display: block; width: 100%; height: auto; } ``` 3. 行内块级显示模式：图片会作为行内块级元素显示，可以与其他内容在同一行显示。 ```css img { display: inline-block; width: 100px; height: 100px; } ``` 4. 隐藏显示模式：图片被隐藏，不可见。 ```css img { display: none; } ``` 这些是常用的显示模式，可以根据实际需求选择适合的模式来控制图片的显示效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值