您现在的位置是:首页 > 网站制作 > CSS3|Html5CSS3|Html5
四种常用方法 设置 不定/定宽高元素 在窗口/父元素中 水平垂直居中方法
胜于蓝2019-07-30【CSS3|Html5】人已围观
简介一、定宽高元素在屏幕窗口水平垂直都居中,方法如下: 元素{ position: fixed; left: 50%; top: 50%; /*负值+宽的一半+单位*/ margin-left: -width/2+px; /*负值+高的一半+单位
一、定宽高元素在屏幕窗口水平垂直都居中,方法如下:
元素{ position: fixed; left: 50%; top: 50%; /*负值+宽的一半+单位*/ margin-left: -width/2+px; /*负值+高的一半+单位*/ margin-top: -height/2+px; }
二、不定宽高元素在屏幕窗口水平垂直都居中,方法如下:
元素{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: 0 auto; }
三、不定宽高元素在父元素中水平垂直都居中,方法如下:
方案一:
父元素{ position: relative; } 子元素{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
方法二:
父元素{ display: table-cell; text-align: center; vertical-align: middle; } /*注:display:table-cell;是将元素转化为表格单元格形式*/
四、定宽高元素在父元素中水平垂直都居中,方法如下:
父元素{ position: relative; } 子元素{ position: absolute; left: 50%; top: 50%; margin-left: -width/2+px; margin-top: -height/2+px;
Tags:
很赞哦! ()
相关文章
随机图文
HTML 颜色值
颜色由红(R)、绿(G)、蓝(B)组成。颜色值颜色值由十六进制来表示红、绿、蓝(RGB)。每个颜色的最低值为 0(十六进制为 00),最高值为 255(十六进制为FF)。十六进制值的写法为 # 号伪元素 before、after的介绍 和 元素隐藏不可见的两种方式区别
伪元素1.元素 before 在父元素中所有子元素的开头添加一个伪元素 eg: .box:before{ content: "SharedBlog"; 或 content: url(img/1.jpg);}2.元素 after 在父元【分享】css3侧边栏导航不同方向划出效果
设定一组侧边栏导航菜单,然后可以从任何一边滑出。有两种实现方式,一种固定菜单,一种从左右两侧推出HTML中 置换元素 和 非置换元素 分别是什么?
置换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容。例如: img标签的src属性决定了在浏览器中显示不同的图片; input标签的type属性决定了在浏览器中显示什
文章评论
当前时间
合作加盟
快钱代理公告
- 凡事扫码代理必须实名认证
- 实名认证后才可拉进代理微信群
- 代理微信群有相关活动政策等