background 距离右边固定距离

先说一下 background-position 的表现：

当使用关键字的时候，关键字的顺序是无关的，即：
background-position: center top 和 background-postion: top center 是等价的
当使用百分比或者具体的长度单位时，是先 x 方向，后 y 方向，顺序不能错，即：
background-position: 10px 20px 和 background-position: 20px 10px 表示的不一样
在新的 CSS 语法中又多了一种用法，这种用法是相对于容器的边，形式如下：
background-position: right 10px top 20px，这种语法表示背景距右边 10px，距上边 20px。

OK，根据你的问题，第三种情况应该可以满足你的需求，但是，这种写法的兼容性并不好，很多浏览器还不支持。如果不考虑 IE8，可以采用这种方式。如果要考虑 IE8 的话，要么给容器定宽，计算出具体的 x 和 y 的值，要么，使用百分比来大约的定位。

转载于:https://www.cnblogs.com/ghfjj/p/6727435.html

background 距离右边固定距离相关推荐

android 固定中间焦点,在Android上将相机焦点设置为受控固定距离
mykolaj.. 9 不试图在这里完全回答这个问题,只是试图给它一些方向. 所以,你需要的是这种操作的驱动程序支持.然后在某些时候,您会要求您的应用程序中的驱动程序设置请求的焦距. 另一个问题是:& ...
新版白话空间统计（16）空间关系概念化之固定距离
CSDN的被爬虫专用声明:虾神原创,公众号\知乎:虾神说D 转发.转载和爬虫,请主动保留此声明. 镇文神图: 中学物理第一课就是参照物的说明,空间统计里面的各种分析,有着天然的参照物,也就是物理存在的 ...
两个多元正态分布的KL散度、巴氏距离和W距离
©PaperWeekly 原创 · 作者 | 苏剑林单位 | 追一科技研究方向 | NLP.神经网络正态分布是最常见的连续型概率分布之一.它是给定均值和协方差后的最大熵分布(参考<&quo ...
为什么不可以使用哈曼顿距离_请对比下欧式距离和曼哈顿距离的差别
●今日面试题分享● 在k-means或kNN,我们常用欧氏距离来计算最近的邻居之间的距离,有时也用曼哈顿距离,请对比下这两种距离的差别解析: 欧氏距离,最常见的两点之间或多点之间的距离表示法,又称之 ...
什么是范数，及其对应的 “曼哈顿距离“、“欧式距离“、“闵氏距离“、“切比雪夫距离“
什么是范数,及其对应的 "曼哈顿距离"."欧式距离"."闵氏距离"."切比雪夫距离" 一.什么是范数二.欧式距离(对应 ...
android 距离校准,通过距离校准设备提升WiFi定位精度的方法与流程
本发明涉及一种室内定位方法. 背景技术: 随着WSN(Wireless Sensor Network,无线传感器网络)的快速发展,室内无线定位应用迎来了一个崭新的时代.在各个医院.展馆以及购物商场等大 ...
双边国家地理距离、制度距离和文化距离
双边国家地理距离.制度距离和文化距离整理好的面板数据,stata版本一.地理距离,见附件一固定,无时间序列变化单位:公里包括双边国家人口最多城市之间的距离.首都之间的距离和加权距离数据来源 ...
距离度量的方法,欧式距离,切比雪夫距离、马氏距离、巴氏距离，曼哈顿距离
距离度量的方法有欧式距离,切比雪夫距离.马氏距离.巴氏距离,曼哈顿距离等: 用欧氏距离(也称欧几里德度量),高中所学的两点距离公式就是欧氏距离在二维空间上的公式,也就是欧氏距离的n的值为2的情况. 二 ...
曼哈顿距离和切比雪夫距离链接
存一下链接慢慢看曼哈顿距离和切比雪夫距离这个更清晰一些: 关于曼哈顿距离和切比雪夫距离 NN中常用的距离计算公式:欧式距离.曼哈顿距离.马氏距离.余弦.汉明距离

background 距离右边固定距离

background 距离右边固定距离相关推荐

最新文章

热门文章