美文网首页
CSS块级元素和内联元素

CSS块级元素和内联元素

作者: 好好学习__天天向上 | 来源:发表于2020-04-17 11:40 被阅读0次

块级元素(block)特性:

总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;

宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;

内联元素(inline)特性:

和相邻的内联元素在同一行;

宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变,就是里面文字或图片的大小;

display:block  -- 显示为块级元素

display:inline  -- 显示为内联元素

display:inline-block -- 显示为内联块元素,表现为同行显示并可修改宽高内外边距等属性

相关文章

  • CSS布局(inline和block)

    CSS内联元素和块级元素, 内联块级元素 HTML语言标签元素被分为三种类型: 内联元素(行内元素), 块级元素,...

  • 前端学习记录c s s一

    css里面的 块元素: ... 内联元素: 以及一些加强语气的标签。 内联块元素: 块级元素的特点: 每个块级元素...

  • 区块、内联和内联块的区别和转换

    在css盒模型中的盒类型主要有“块级元素”、“行内元素”和“行内-块级元素”,分别简称为“区块”、“内联”和“内联...

  • css 元素分类

    块级元素 内联元素(行内) 内联块级元素 块级元素 等display:block inline 内联原素 内联块级元素

  • css居中大全

    css居中大全 Horizontally 水平居中 内联元素 块级元素 多个块级元素 Vertically 垂直...

  • 内联元素和块级元素之间的嵌套关系

    首先,我们来回顾一下内联元素和块级元素内联元素可以嵌套内联元素,块级元素可以嵌套部分块级元素并也能嵌套内联元素,但...

  • CSS块级元素和内联元素

    块级元素(block)特性: 总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示; 宽度(widt...

  • 你造吗?HTML 不能这么写

    目录 a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素,内联元素不能包含块级元素,只能包含内联元...

  • 【css】内联元素与块级元素分别是个啥

    前言:在介绍css布局之前,先理解一下内联元素和块级元素分别是怎样的。 内联元素 内联元素占据它对应标签的边框所包...

  • css基础

    css基础 1.块级元素,行内元素,和内联元素 块级元素就是可以设置宽高,自己可以单独成为一行,别的元素无法跟他并...

网友评论

      本文标题:CSS块级元素和内联元素

      本文链接:https://www.haomeiwen.com/subject/vbjevhtx.html