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

CSS元素显示模式:块元素、行内元素等

1.分为

块元素

<h1>、<p>、<div>独占一行,可以设置内外边距等

若没有设置宽度,则和父级一样宽

行内元素

<span> 一行放多个

行-内块元素

可以在一行,也可以调节宽高等


2.元素显示模式转换(经常使用)

1)行内元素链接<a> 转换成块级元素

display:block;

2) 转行内元素

display:inline;

3) 转行-内块

display:inline-block;

相关文章:

  • 如何让协作变成一种很酷的事情
  • CSS背景
  • redis的安全认证
  • 网页布局三大核心:盒子模型、浮动、定位
  • 快速让你明白Objective-C的语法(和Java、C++对比)
  • 说说对vue的理解
  • 聊天界面中ListView使用
  • css的引入方式
  • vite的基本使用
  • VUE组件化
  • 获取当前程序路径
  • vue3.X调试工具vue-devtools-6.0.0安装
  • 组件的基本使用上
  • 电子技术中的dB
  • 组件的基本使用下
  • 《Javascript数据结构和算法》笔记-「字典和散列表」
  • angular2 简述
  • in typeof instanceof ===这些运算符有什么作用
  • JavaScript 奇技淫巧
  • JavaScript对象详解
  • JS笔记四:作用域、变量(函数)提升
  • MySQL主从复制读写分离及奇怪的问题
  • Python语法速览与机器学习开发环境搭建
  • 百度小程序遇到的问题
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo...
  • 大整数乘法-表格法
  • 发布国内首个无服务器容器服务,运维效率从未如此高效
  • 和 || 运算
  • 前端面试之闭包
  • 一文看透浏览器架构
  • 源码之下无秘密 ── 做最好的 Netty 源码分析教程
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • # 数论-逆元
  • %@ page import=%的用法
  • (003)SlickEdit Unity的补全
  • (C#)Windows Shell 外壳编程系列9 - QueryInfo 扩展提示
  • (Matlab)基于蝙蝠算法实现电力系统经济调度
  • (动态规划)5. 最长回文子串 java解决
  • (附源码)SSM环卫人员管理平台 计算机毕设36412
  • (附源码)ssm旅游企业财务管理系统 毕业设计 102100
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • **python多态
  • ../depcomp: line 571: exec: g++: not found
  • ./configure,make,make install的作用(转)
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • .bat批处理(七):PC端从手机内复制文件到本地
  • .Mobi域名介绍
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .NET Core 网络数据采集 -- 使用AngleSharp做html解析
  • .Net CoreRabbitMQ消息存储可靠机制
  • .NET Micro Framework 4.2 beta 源码探析
  • .net反混淆脱壳工具de4dot的使用
  • .net生成的类,跨工程调用显示注释
  • .NET实现之(自动更新)