HTML定位元素(html定位)
您好,蔡蔡就为大家解答关于HTML定位元素,html定位相信很多小伙伴还不知道,现在让我们一起来看看吧!
1、背景图像定位中要明确的几点:两个值前面一个是横向的定位,称为x轴方向定位。
2、后面一个值是纵向的定位,称为y轴方向定位。
3、如果只有一个值,那默认的就是x轴方向,这时y轴方向就默认的是上下居中对齐,也就是center。
4、2、坐标轴的原点就是对应器的左顶点。
5、3、这个坐标的y轴箭头朝下,也就是右下方(器部)x y的值才都为正。
6、4、x y值分别表示背景图片的左顶点相对于坐标原点(也就是器的左顶点)的值。
7、5、x y的值可以用百分比或者px来表示。
8、6、x y也可以用“left、right、top、bottom、center”这五个对齐方式来表示,但注意:用“left、right、top、bottom、center”来表示的时候,应用的是对齐规则,而不是坐标规则。
9、x为left是表示图片的左边和器的左边对齐,为right的时候表示图片的右边和器的右边对其,y为top的时候表示图片的顶部和器的顶部对齐,为bottom时表示图片的底部和器的底部对齐,x y等于center的时候表示居中对齐。
10、7、x y用百分比或者px表示的时候,其值可以为负数。
11、应用坐标规则就很易理解负数表示的意义,x为负数时候表示图片左顶点在器左顶点的左侧,y为负数时表示图片的左顶点在器的左定点的上方。
12、也就是向左和向上超出器的范围。
本文就讲到这里,希望大家会喜欢。
更多知识
-
狗狗生病了如何喂药?口服方法?分享简单实用的方法!
原标题:狗狗生病了如何喂药?口服方法?分享简单实用的方法! 狗...朕略傻 222 阅读
-
楼市大消息!房主买家各收1.5%,这个省会城市出手了!
原标题:楼市大消息!房主买家各收1.5%,这个省会城市出手了! 继...Rose情调※ 295 阅读
-
6月,带你“种草”乐山非遗!
原标题:6月,带你“种草”乐山非遗! 关于“非遗”,你了解多少...我真窝囊 265 阅读
-
伊朗要与多国组建新海军联盟 美国慌了:违背情理
原标题:伊朗要与多国组建新海军联盟 美国慌了:违背情理 伊朗军...臫欺欺亼 279 阅读
-
【环时深度】神十五乘组凯旋,哪些“神器”护航?
原标题:【环时深度】神十五乘组凯旋,哪些“神器”护航? 【环球...俄只是俄ゅ 309 阅读
-
果然紧跟!美印太司令部发声炒作中国导弹驱逐舰逼退美舰“不安全”
原标题:果然紧跟!美印太司令部发声炒作中国导弹驱逐舰逼退美舰“不安全” ...年少纵马且长歌 278 阅读
-
西甲大结局:巴萨夺冠压皇马 莱万金靴格刀助攻王
原标题:西甲大结局:巴萨夺冠压皇马 莱万金靴格刀助攻王 北...贤↘内助 300 阅读
-
被羁押22年后身患癌症,河北廊坊灭门案被告原伟东申请现场出庭被拒
原标题:被羁押22年后身患癌症,河北廊坊灭门案被告原伟东申请现场出庭被拒 ...回忆湿了眼 242 阅读
撰写回复