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

盒子模型(内边距的设置)

  • 所有元素都可以设置内边距
  • 属性和外边距属性大体相同,可参考上一篇,但有区别
    • 内边距不能设置为负值
    • padding-方向:尺寸
  • 注意:使用内边距padding之后元素整体会变大,因为他是直接加上了内边距的大小,不改变元素本身的大小,因此可能会导致页面变形(正常情况下,内边距和边框是在元素设置的宽度和高度之外进行绘制)
  • 若想让padding元素改为在设置的宽度和高度之内进行设置,需要修改一个属性 box-sizing: border-box;;其默认值为box-sizing: content-box;即在之外绘制
  • 元素最终的宽度=左边框+右边框+左内边距+右内边距+元素内容宽度
  • 元素最终的高度=上边框+下边框+上内边距+下内边距+元素内容高度
  • 对某些浏览器可能不支持box-sizing属性的设置:(同时写上,若不支持,则自动选择适合的属性值)
    //火狐浏览器专有属性-moz-box-sizing: border-box; //webkit内核浏览器-webkit-box-sizing: border-box;box-sizing: border-box;
http://www.lryc.cn/news/508267.html

相关文章:

  • CentOS7网络配置,解决不能联网、ping不通外网、主机的问题
  • 如何测继电器是否正常
  • 最优二叉搜索树【东北大学oj数据结构10-4】C++
  • ESP32应用开发-Webserver
  • 【IMU:视觉惯性SLAM系统】
  • 前端开发 之 12个鼠标交互特效下【附完整源码】
  • Unity文件路径访问总结:从基础到高级的资源加载方法
  • AWS Transfer 系列:简化文件传输与管理的云服务
  • Jenkins Api Token 访问问题
  • 垂起固定翼无人机大面积森林草原巡检技术详解
  • 【Leetcode 每日一题】1387. 将整数按权重排序
  • 科研笔记 KDD 2025
  • 黑马Java面试教程_P8_并发编程
  • 网络视频监控平台/安防监控/视频综合管理Liveweb视频汇聚平台解决方案
  • workman服务端开发模式-应用开发-后端api推送修改二
  • SQL 使用带聚集函数的联结
  • Restaurants WebAPI(三)——Serilog/FluenValidation
  • 概率论得学习和整理32: 用EXCEL描述正态分布,用δ求累计概率,以及已知概率求X的区间
  • 【原生js案例】让你的移动页面实现自定义的上拉加载和下拉刷新
  • 【linux 常用命令】
  • 【JetPack】Room数据库笔记
  • 【CSS in Depth 2 精译_088】第五部分:添加动效概述 + 第 15 章:CSS 过渡特效概述 + 15.1:状态间的由此及彼
  • # 起步专用 - 哔哩哔哩全模块超还原设计!(内含接口文档、数据库设计)
  • [机器学习]XGBoost(3)——确定树的结构
  • PHP阶段一
  • 用人话讲计算机:Python篇!(十五)迭代器、生成器、装饰器
  • 5G -- 5G网络架构
  • VR线上展厅的色彩管理如何影响用户情绪?
  • Vue3:uv-upload图片上传
  • 大数据机器学习算法和计算机视觉应用07:机器学习