首页 > 其他分享 >CSS布局display值inline、block、inline-block区别

CSS布局display值inline、block、inline-block区别

时间:2023-01-30 13:55:18浏览次数:39  
标签:换行 前后 block inline display CSS

inline前后不会有换行,block前后会有换行,inline-block前后不会有换行,但内部会换行且可以设置高宽。,如下图所示:

 

标签:换行,前后,block,inline,display,CSS
From: https://www.cnblogs.com/lumingprince/p/17075673.html

相关文章

  • 第五节:Less、Scss简介以及核心用法总结
    一.Less简介       二.Less核心用法       三. Scss简介      四. Scss核心用法        !作 ......
  • CSS
    1.层叠顺序<div><divclass="box1">box1</div><divclass="box2">box2</div></div> 两个div都是块级......
  • Bootstrap全局CSS样式按钮&图片和Bootstrap全局CSS样式表格&表单
    Bootstrap全局CSS样式按钮&图片CSS样式和JS插件全局CSS样式:按钮:class="btnbtn-default"图片:class="img-responsive":图片在任意尺寸都占100%......
  • Object storage vs. file storage vs. block storage
    Objectstorage,alsoknownasobject-basedstorage,isastrategythatmanagesandmanipulatesdatastorageasdistinctunits,calledobjects.Theseobjectsar......
  • CSS3笔记
    新增的选择器属性选择器E[att]选择具有att属性的E元素E[att="val"]选择具有att属性并且值等于val的E元素E[att^="val"]选择具有att属性并且值以val......
  • 零基础学前端之CSS盒模型
    在网站布局中,我们会使用各种各样的元素,这些元素本质上就是一个个小的容器,也称之为盒子,盒子里面可以放置文本,图片,或者其他元素。什么是CSS盒模型呢?CSS盒模型本质上是一个......
  • 零基础学前端之CSS填充和宽高
    这节课,我们学习CSS填充属性和CSS宽度与高度属性。还是看这个例子,每个区块除了设置外边距,还有内容周围的空间以及内容的宽高设置。CSS 填充属性用于在一个元素的内容周......
  • 转 前端开发常用css知识点 认识字就能学。
    前端开发:CSS相关的核心知识点置顶三掌柜666已于2022-10-1101:20:38修改220收藏2文章标签:csshtml前端版权前言在前端开发过程中,有三驾马车组成:JS、CSS、HTML,JS负......
  • 转 [布局概念] 关于CSS-BFC深入理解 认识字就能学
    [布局概念]关于CSS-BFC深入理解barnett_y于 2018-01-2614:51:26 发布351 收藏 4分类专栏: 【HTML5+CSS3点滴知识】 【HTML5+CSS3点滴知识】......
  • CSS笔记
    选择器基础选择器基础选择器由单个选择器组成,基础选择器又包括标签选择器、类选择器、id选择器和通配符选择器标签选择器,按照标签名称分类,例如:p类选择器,按照类名分......