当前位置: 首页 > news >正文

块级、内联、内联块级

在html元素中,元素会有display属性。 display属性默认值是block,那么该元素是块级元素。 display属性默认值是inline,那么该元素是内联元素。 没有元素的display默认值是inline-block。 display属性值可以被设置,比如可以把块级元素div的display的值设成inline,那么它就变成了内联元素,不再独行显示。

  • 块级: block
  • 内联: inline
  • 内联块级: inline-block
  1. 块级元素 独占一行。 可以设置width、height、padding、margin。 内部可包含块级和内联元素。
  2. 内联元素 和其他inline同行显示。 不能设置width、height、padding、margin。 内部可包含块级或内联元素,内部包含块级元素时,该块级元素继续保持独行显示,下一个内联元素会换行显示。
  3. 内联块级 和其他inline同行显示。 和块级元素一样可设置width,height,margin,padding。 内部可包含块级或内联元素,内部包含块级元素时,该块级元素会在内联元素的内部独行显示,不会影响下一个内联元素的同行显示。

转载于:https://juejin.im/post/5c6fab7cf265da2d8b634218

相关文章:

  • Spring Boot 运作原理
  • 虚拟机网络不通故障解决
  • 原型模式深入探讨-【设计模式4】
  • 撕掉普通程序员的标签,这才是真正的大数据工程师!
  • Spring基于XML方式配置事务
  • 程序员最讨厌的9句话,你可有补充?
  • 一些关于Rust在2019年的思考
  • 通信类
  • 力扣(LeetCode)56
  • mybatis-plus 3.1.0 发布,划重点一大波升级
  • JS里的Array
  • IDEA 插件开发入门教程
  • python人工智能机器人工具书籍: Python Robotics Projects - 2018
  • 一个6年java程序员的工作感悟,写给还在迷茫的你
  • ES10 特性的完整指南
  • 「前端」从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制
  • 【Leetcode】104. 二叉树的最大深度
  • Django 博客开发教程 8 - 博客文章详情页
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • input的行数自动增减
  • java中的hashCode
  • Python 反序列化安全问题(二)
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • SQLServer之创建数据库快照
  • Web设计流程优化:网页效果图设计新思路
  • Yii源码解读-服务定位器(Service Locator)
  • 分布式事物理论与实践
  • 分享自己折腾多时的一套 vue 组件 --we-vue
  • 海量大数据大屏分析展示一步到位:DataWorks数据服务+MaxCompute Lightning对接DataV最佳实践...
  • 聊聊directory traversal attack
  • 你真的知道 == 和 equals 的区别吗?
  • 全栈开发——Linux
  • 阿里云服务器购买完整流程
  • ​LeetCode解法汇总2583. 二叉树中的第 K 大层和
  • ​卜东波研究员:高观点下的少儿计算思维
  • #基础#使用Jupyter进行Notebook的转换 .ipynb文件导出为.md文件
  • #使用清华镜像源 安装/更新 指定版本tensorflow
  • $Django python中使用redis, django中使用(封装了),redis开启事务(管道)
  • $NOIp2018$劝退记
  • (C#)Windows Shell 外壳编程系列4 - 上下文菜单(iContextMenu)(二)嵌入菜单和执行命令...
  • (超详细)语音信号处理之特征提取
  • (二)fiber的基本认识
  • (附源码)springboot 基于HTML5的个人网页的网站设计与实现 毕业设计 031623
  • (附源码)ssm考生评分系统 毕业设计 071114
  • (附源码)计算机毕业设计SSM智慧停车系统
  • (力扣记录)235. 二叉搜索树的最近公共祖先
  • (三)Pytorch快速搭建卷积神经网络模型实现手写数字识别(代码+详细注解)
  • (转)http协议
  • (转)负载均衡,回话保持,cookie
  • (转载)VS2010/MFC编程入门之三十四(菜单:VS2010菜单资源详解)
  • (转载)微软数据挖掘算法:Microsoft 时序算法(5)
  • .dwp和.webpart的区别
  • .NET / MSBuild 扩展编译时什么时候用 BeforeTargets / AfterTargets 什么时候用 DependsOnTargets?
  • .NET 4.0中的泛型协变和反变
  • .NET Core 和 .NET Framework 中的 MEF2