css 之 inline 和 inline-block的区别

inline block css 区别 独占 一行 margin padding line 编程技术
发布日期 2022-11-01 更新日期 2022-11-01 阅读次数 85 文章字数 202

block是块元素，有宽高，会独占一行，有margin和padding，有line-height。

inline是行内元素，无宽高，不会独占一行，无margin和padding，无line-height。

inline-block，有宽高，不会独占一行，有margin和padding，有line-height。

例如三个 a 标签写在一块儿，因为 a 默认是 inline ，则会并排挤到一块儿。想让它稍微分开一些，又在同一行里，则使用 inline-block。

文章作者: 朱丰华

文章链接: https://smart.52dixiaowo.com/blog/post-175.html

版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。

inline block css 区别 独占 一行 margin padding line

发表评论

相关推荐
朱丰华   |   1年前   |   php

php正则表达式定界符：异常Delimiter must not be alphanumeric or backslash

201    评论    点赞
朱丰华   |   1年前   |   < · iframe

让iframe嵌入的视频自适应 （100%宽度）？

138    评论    点赞
朱丰华   |   1年前   |   php · 字符 · 正则

php正则表达式原生字符

95    评论    点赞
朱丰华   |   1年前   |   linux · 文件

linux递归统计文件夹大小、du命令_Linux du命令：查看文件夹和文件的磁盘占用情况

208    评论    点赞
朱丰华   |   1年前   |   git · add · 文件

git add -A 和 git add . 的区别

122    评论    点赞
朱丰华   |   1年前   |   js · export · import

js es6 export，import，export default的用法和区别

138    评论    点赞
朱丰华   |   1年前   |   文件 · c语言 · include

C语言include语法，h文件和c文件的关系

108    评论    点赞
朱丰华   |   1年前   |   linux

linux的which和whereis命令区别

103    评论    点赞
朱丰华   |   1年前   |   sizeof · strlen

C语言里的sizeof()和strlen()关联和区别

124    评论    点赞
朱丰华   |   1年前   |   php · 图片

php根据图片内容【魔术数字】，识别图片的类型

311    评论    点赞
朱丰华   |   1年前   |   html

一行代码实现html网页整体缩放

188    评论    点赞
朱丰华   |   2年前   |   一类 · 全角 · 二类 · 词性 · 代词 · 动词 · 半角 · 分词 · 结巴 · 语素

结巴分词词性说明

118    评论    点赞
朱丰华   |   2年前   |   css · 滚动

css控制内容溢出时横向滚动条

95    评论    点赞
朱丰华   |   2年前   |   table · layout · 属性 · 表格 · 布局 · 单元 · CSS · 宽度 · 内容 · 自动

CSS table-layout 属性

79    评论    点赞
朱丰华   |   2年前   |   php · composer · linux · 安装

linux下安装composer

176    评论    点赞
朱丰华   |   2年前   |   < · input · group · > · bootstrap · form · divclass= · div>

bootstrap之input-group

90    评论    点赞
朱丰华   |   2年前   |   > · this · php · 使用 · 并发 · 文件 · 解决 · 问题 · db · 处理

php使用文件锁解决并发问题

91    评论    点赞
朱丰华   |   2年前   |   < · block · 一个 · > · margin · 水平 · 居中 · auto · 0auto · https

一个block在另一个block水平居中，margin:0 auto

83    评论    点赞
朱丰华   |   2年前   |   < · text · align · > · select · 水平 · 居中 · div · 探究 · option>

让div中的select水平居中，text-align探究

55    评论    点赞
朱丰华   |   2年前   |   < · > · select · bootstrap3 · 适应 · 长度 · option> · https · www52dixiaowocom · tools

bootstrap3自适应select长度

52    评论    点赞
{{item.author_name}}   |   {{new Date(item.date*1000).log()}}   |   {{it}} ·

{{item.title}}

{{item.uv}}    评论    点赞