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

padding的使用

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

1.padding对于元素的尺寸的影响:

1.padding对于block元素:padding值很大,影响元素的尺寸;width非auto,设置padding会影响元素的尺寸;width为auto,同时padding值很小,不会影响元素的尺寸

2.padding对于inline元素,设置padding,水平会影响元素的尺寸,垂直不受影响,但是都会占据空间

3.使用padding:50% 创建正方形,对于inline元素要想设置正方形,需要使用padding:50% ,font-size:0 来创建

4.backgroun-color:currentColor和 background-clip:content-box  和padding一起使用来实现镂空效果,例如三道杠和白眼等类似于图片的效果

转载于:https://my.oschina.net/u/2870118/blog/900666

相关文章:

  • 【extjs6学习笔记】0.2 准备:类库结构
  • 欢迎报名第三届中国移动互联网测试开发大会
  • python+selenium自动化测试(六)
  • The based of tuning
  • 《Spring 5 官方文档》5. 验证、数据绑定和类型转换(一)
  • oracle DDL
  • 一般造成Linux系统死机的原因
  • 一段PHP异常
  • 从零搭建Koa2 Server
  • 设计模式之模板方法模式
  • hibernate 继承映射
  • Introduction | Elasticsearch权威指南(中文版)
  • ionic组件清单
  • 用JS获取地址栏参数的方法(超级简单)
  • nginx源码分析——线程池
  • (十五)java多线程之并发集合ArrayBlockingQueue
  • @jsonView过滤属性
  • express.js的介绍及使用
  • go append函数以及写入
  • js递归,无限分级树形折叠菜单
  • Laravel深入学习6 - 应用体系结构:解耦事件处理器
  • mongodb--安装和初步使用教程
  • node学习系列之简单文件上传
  • Python_OOP
  • Spring框架之我见(三)——IOC、AOP
  • SQLServer之索引简介
  • UMLCHINA 首席专家潘加宇鼎力推荐
  • 从零到一:用Phaser.js写意地开发小游戏(Chapter 3 - 加载游戏资源)
  • 微服务核心架构梳理
  • 小李飞刀:SQL题目刷起来!
  • 协程
  • 再谈express与koa的对比
  • 在GitHub多个账号上使用不同的SSH的配置方法
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • ​插件化DPI在商用WIFI中的价值
  • ​香农与信息论三大定律
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • (a /b)*c的值
  • (附源码)计算机毕业设计SSM基于健身房管理系统
  • (三十五)大数据实战——Superset可视化平台搭建
  • (十六)串口UART
  • (十五)Flask覆写wsgi_app函数实现自定义中间件
  • (一)WLAN定义和基本架构转
  • (转)Oracle 9i 数据库设计指引全集(1)
  • (转)关于如何学好游戏3D引擎编程的一些经验
  • (转)四层和七层负载均衡的区别
  • . ./ bash dash source 这五种执行shell脚本方式 区别
  • .bat批处理(七):PC端从手机内复制文件到本地
  • .bat批处理(一):@echo off
  • .NET Core6.0 MVC+layui+SqlSugar 简单增删改查
  • .net程序集学习心得
  • .net中的Queue和Stack
  • :如何用SQL脚本保存存储过程返回的结果集
  • @configuration注解_2w字长文给你讲透了配置类为什么要添加 @Configuration注解
  • [ CTF ] WriteUp- 2022年第三届“网鼎杯”网络安全大赛(白虎组)