无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/meta.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubcss.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/menu.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/top.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/head.htm

[ position ] 定位

时间:2020-09-19 21:32来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ position ] 定位 # position 属性指定一个元素(静态的,相对的,绝对或固定)的定位方法的类型。 class 描述 源码/例子 abs 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 position:absolute fix 生成固定定位的元素,相对于浏览器窗口进行定位。 position:fixed rel 生成相对定位的元素,相对于其正常位置进行定位。 position:relative sta 默认值。没有定位,元素出现在正常的流中 position:static sti 粘性定位,该定位基于用户滚动的位置。 position:sticky a-inh 规定应该从父元素继承 position 属性的值。 position:inherit a-inl 设置该属性为默认值, position:initial a-cc 水平垂直居中 top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%, -50%) a-tc 垂直居中 top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%) a-lc 水平居中 left: 50%;-webkit-transform: translate

V1.1.1 [ position ] 定位#

position 属性指定一个元素(静态的,相对的,绝对或固定)的定位方法的类型。
class 描述 源码/例子
abs 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 position:absolute
fix 生成固定定位的元素,相对于浏览器窗口进行定位。 position:fixed
rel 生成相对定位的元素,相对于其正常位置进行定位。 position:relative
sta 默认值。没有定位,元素出现在正常的流中 position:static
sti 粘性定位,该定位基于用户滚动的位置。 position:sticky
a-inh 规定应该从父元素继承 position 属性的值。 position:inherit
a-inl 设置该属性为默认值, position:initial
a-cc 水平垂直居中 top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%, -50%)
a-tc 垂直居中 top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)
a-lc 水平居中 left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%)
t-0 定位到顶部 top:0
t-au 定位到顶部,距离自动 top:auto
t-{{num}} / t-{{num}}- 定位到顶部距离 top:{{num}}
r-0 定位到右侧 right:0
r-au 定位到右侧,距离自动 right:auto
r-{{num}} / r-{{num}}- 定位到右侧距离 right:{{num}}
b-0 定位到底部 bottom:0
b-au 定位到底部,距离自动 bottom:auto
b-{{num}} / b-{{num}}- 定位到底部距离 bottom:{{num}}
l-0 定位到左侧 left:0
l-au 定位到左侧,距离自动 left:auto
l-{{num}} / l-{{num}}- 定位到左侧距离 left:{{num}}
lr-au 左右距离自动 left:auto;right:auto
lr-0 左右距离为0 left:0;right:0
lt-au 左侧和顶部距离自动 left:auto;top:auto
lt-0 左侧和顶部距离为0 left:0;top:0
lb-au 左侧和底部距离自动 left:auto;bottom:auto
lb-0 左侧和底部距离为0 left:0;bottom:0'
rt-au 右侧和顶部距离自动 right:auto;top:auto
rt-0 右侧和顶部距离为0 right:0;top:0
rb-au 右侧和底部距离自动 right:auto;bottom:auto
rb-0 右侧和底部距离为0 right:0;bottom:0
tb-au 右侧和底部距离自动 top:auto;bottom:auto
rb-0 右侧和底部距离为0 top:0;bottom:0
tb-au 顶部和底部距离自动 top:auto;bottom:auto
tb-0 顶部和底部距离为0 top:0;bottom:0
lrt-au 左侧和右侧和顶部距离自动 left:auto;right:auto;top:auto
lrt-0 左侧和右侧和顶部距离为0 left:0;right:0;top:0
lrb-au 左侧和右侧和底部距离自动 left:auto;right:auto;bottom:auto
lrb-0 左侧和右侧和底部距离为0 left:0;right:0;bottom:0
lrtb-au 左侧和右侧和顶部和底部距离自动 left:auto;right:auto;top:auto;bottom:auto
lrtb-0 左侧和右侧和顶部和底部距离为0 left:0;right:0;top:0;bottom:0

前端UI框架,UI框架组件,小程序组件,Lyuif前端框架专注于高效UI解决方案.lyuif是一款HTML/CSS前端框架,高效组件搭配lyui基因碎片化组合完美适配设计稿以及迭代更新,高效前端开发解决方案
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footer.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/side.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footbar.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubjs.htm