-
元素的显示模式 块元素 和 行内元素
元素显示模式就是 元素(标签) 以什么方式进行显示， 比如
自己占一行， 比如一行可以放多个HTML 元素一般分为 块元素 和 行内元素 两种类型
常见的块元素有
~
- 等， 其中 标签是 最典型的块元素
块级元素的特点：
1. 比较霸道， 自己独占一行
2. 高度 宽度 外边距以及 内边距 都可以控制
3. 宽度默认是容器 ( 父级宽度 ) 的 100%
4. 是一个容器以及盒子， 里面可以放行内或者块级元素
文字类的元素内不能使用 块级元素
标签主要用于存放文字， 因此
里面不能放块级元素， 特别是不能放
同理，
~
等都是文字类块级标签， 里面也不能放其他块级元素
行内元素
其中 标签是 最典型的行内元素。 有的地方也将行内元素称为 内联元素
行内元素的特点：
1. 相邻行内元素在一行上， 一行可以显示多个
2. 高 宽 直接设置是无效的
3. 默认宽度就是它本身内容的宽度
4. 行内元素只能容纳文本或其他行内元素
注意：
链接里面不能再放链接
特殊情况链接 里面可以放 块级元素， 但是给 转换一下块级模式最安全
行内块元素
在行内元素中有几个特殊的标签 ——
,他们同时具有块元素和行内元素的特点 特点：
1. 和相邻行内元素 (行内块) 在一行上， 但它们之间会有空白缝隙， 一行可以显示多个 (行内元素特点）
2. 默认宽度就是它本身内容的宽度 (行内元素特点)
3. 高度 行高 外边距 以及 内边距 都可以控制 ( 块级元素特点 )
转换为块元素： display: block;
转换为行内元素: display:inline;
转换为行内块： display: inline-block;
- 相关阅读:
LeetCode 69. x 的平方根
【HTML5】【CSS3】CSS3新增知识概述(1)
yolov7配置与训练记录(一)
程序员5分钟，带你看完24岁60W年薪架构师的简历，上面竟然写着精通JVM
阿里云服务器企业级和入门级实例规格有何区别？如何选择？
LeetCode算法题整理(200题左右)
初始Mybatis-Plus 进行CRUD
mybatis-plus 扩展、插件
Effective C++条款21：必须返回对象时，别妄想返回其reference
【NR技术】 3GPP支持无人机服务的关键性能指标
- 原文地址：https://blog.csdn.net/MOUNTAIN_SEA1/article/details/126222815
- 相关阅读:
- 等， 其中