银龄网

 找回密码
 注册会员

QQ登录

只需一步,快速开始

查看: 58|回复: 21

[原创] 关于《一个用于理解定位设置的小程序》的说明

[复制链接]
发表于 2019-12-3 17:36:44 | 显示全部楼层 |阅读模式
本帖最后由 也曾年轻 于 2019-12-3 17:36 编辑

1. 要使得程序正常发挥演示功能需要“加载不安全脚本”

2. 用到的E文单词在这里的含义
left : 左边
right : 右边
top : 顶边
bottom : 底边
absolute : 绝对定位方式, 这个“绝对”是指对于指定的定位点距离是绝对的。


3.定位方式有如下四种

相对于左上角的定位, 其相应的样式代码是 position:absolute; left: ___px; top:___px;



相对于右上角的定位, 其相应的样式代码是 position:absolute; right: ___px; top:___px;



相对于左下角的定位, 其相应的样式代码是 position:absolute; left: ___px; bottom:___px;



相对于右下角的定位, 其相应的样式代码是 position:absolute; right: ___px; bottom:___px;


4. 两个调整选择,左边选择定位点,右边点击调整数值,图片就会做相应的移动以期得到直观的印象。





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册会员

x

评分

参与人数 5老年币 +25 收起 理由
沧海笑 + 5 非常实用!
九头牛 + 5 非常实用!很给力!
娟子 + 5 很给力!
无双 + 5 很给力!
静竹 + 5 很给力!非常实用!

查看全部评分

发表于 2019-12-3 18:10:36 | 显示全部楼层
年轻老师,这个”关于《一个用于理解定位设置的小程序》的说明“太实用了!
发表于 2019-12-3 18:12:34 | 显示全部楼层
这说明,好!对老年人学代码起到了一定帮助作用。对左右上下的代码清楚了。
发表于 2019-12-3 18:14:25 | 显示全部楼层
复制收藏学习。
发表于 2019-12-3 18:19:13 | 显示全部楼层
回老师,这帖已收到遥望远的导航贴里了。谢谢老师辛苦!
发表于 2019-12-3 18:45:54 | 显示全部楼层
关于《一个用于理解定位设置的小程序》写的真好,对于音画盲的我帮助很大!谢谢老师了!
发表于 2019-12-3 22:03:58 | 显示全部楼层

发表于 2019-12-4 05:41:15 | 显示全部楼层
谢谢介绍!
发表于 2019-12-4 11:06:38 | 显示全部楼层
谢谢老师图文并茂好介绍,非常有用的知识,收藏学习!老师辛苦了!
 楼主| 发表于 2019-12-4 12:25:33 | 显示全部楼层
静竹 发表于 2019-12-3 18:10
年轻老师,这个”关于《一个用于理解定位设置的小程序》的说明“太实用了!

能有点用处就好
您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

QQ|银龄网 ( 苏ICP备16036262号-5 )|网站地图

GMT+8, 2019-12-12 17:51 , Processed in 0.073344 second(s), 23 queries , Gzip On.

快速回复 返回顶部 返回列表