position:absolute定位可以用transform:translateY和transform:translateX替换margin-top和margin-left

css
0
0
0

在使用  position:absolute; 定位时,如果元素有宽度和高度,使用top和left后,可以用margin-top和margin-left,就像下面这样

width:18rem;
height:2rem;
position:absolute;
top:50%;
left:50
margin-top:-1rem;
margin-left: -9rem;

如果元素没有设置宽度和高度,可以用transform:translateY和transform:translateX替换 margin-top和margin-left,就像下面这样

position:absolute;
top: 50%;
transform:translateY(-100%);
transform:translateX(-100%);


本文和文中图片版权归作者所有,如转载本文或使用本文中的图片需获得授权
广告
色情
抹黑攻击
反社会
内容水
其它
确定提交
条向作者的提问
发布提问
禁止发布违反法律法规的内容
transform是设置元素的变形, transform-o...
用数据的总数,生成页码链接。下面是具体的用法,int pag...
之前做的一个项目,实现了鼠标移到div上面,div里面的图片...
最近项目中有一个需求(其实是甲方提出来的一个细节),box父...
声明:本插件只针对tinymce5或以上的版本有效。2019...
js的String对像replace(旧文本,新文本) 将...
竞品分析可以让设计师快速了解自家产品中所处的位置。通过系统的...
这是一款购买电影票概念设计应用程序选择分析的原因是因为我们手...
1.四种约束因素:物理、文化、语义和逻辑(1)面对一个新事物...
为什么卖蔬菜的店会卖水果,而水果店却不卖蔬菜,这是永辉云创招...
欢迎回到另一个基于Adobe Illustrator的教程,...
以人为本的设计是一种设计理念,意味着设计以充分了解和满足用户...
代码System.Guid.NewGuid().ToStri...
为Illustrator制作自定义画笔比您预期的要容易得多。...
因为功能的特殊性,有时候url长度会比较长。比如下面这个ur...
1.使用渐进呈现,仅在用需要时才展示他们需要的信息。用链接引...
String对像类型常用属性:length 获取字符串的长度...
最好用的DB数据库管理工具解决了其它所有工具的足,包括中文乱...
设计心理学1读书笔记(1)本书一共有七章,作者是唐纳德·A·...
懒哈利和胖特丽娜总是为人持重,不为外物所扰。瘦莉莎的想法却完...
我们先在Illustrator中创建一个自定义画笔。步骤1:...
103000多个英文单和中文翻译,包括三个字段英文单词、音标...
街头指示牌和面包屑(设计导航)1. 网络导航101法则1-1...
定量化施肥技术主要包括两个环节,一是调节氮、磷、钾等养分供应...
本站部分内容来自于网络和用户发布,如有侵犯您的权益,请即时告之,我们将第一时间处理.
服务邮箱 ydh@terlogic.com
京ICP备13047789号-7