• 拨开云雾见月明


      经过几天大脑短路,今天终于自动修复成功。迫不及待的来写个随笔纪念一下。话不多说 进入正题:

      这两天忙里偷闲仔细研究了下background-position图片定位的问题,之前自己都不清楚是怎么一回事,现在来分享一下到底是怎么一回事。

      背景图片定位(background-position)原理

      I. 语法:Background-position:水平位置 垂直位置

      II. 水平位置/垂直位置设置方法:

      1) 数值(px)正负值都可以,正数值表示向右移动或向下移动,负数值表示向左或向上移动;

      2) 百分比(%)范围:0%—100%

      3) 关键词:水平位置:left(左) center(中) right(右)  垂直位置:top(上) center(中) bottom(下)

      默认情况下,background-position的原点位于左上角,换句话说,元素的左上角和图片的左上角是对齐的,随后图片向各个方向重复,都是以左上角为起点。

      注意:当只设置一个值时:代表水平位置,垂直位置默认居中

      学无止境,我们需要学习的太多太多,有时候我们可以稍微放缓一下脚步,沉淀一下我们的知识,加深一下理解,会更加的有趣。

      知识是一种快乐,好奇则是知识的萌芽。加油!

  • 相关阅读:
    再谈树形dp
    洛谷 P3627 [APIO2009]抢掠计划
    树状数组
    树形dp 入门
    洛谷P2014 选课
    洛谷P2015 二叉苹果树
    9 vue.js 被观察数组的变异方法
    8 vue的v-model指令学习
    7vue-事件修饰符
    6.vue事件绑定-click
  • 原文地址:https://www.cnblogs.com/H-Gfeng/p/10428263.html
Copyright © 2020-2023  润新知