css怎么让定位的那个层显示在浏览器的正中间

html-css036

css怎么让定位的那个层显示在浏览器的正中间,第1张

可以用css定位让指定层在浏览器正中间。

1、新建html文档，在body标签中添加一个div标签，为这个标签设置宽高，这里以200px为例：

2、添加定位代码“position: absolute”，并且设置相对左侧和顶部的距离为“50%”：

3、最后设置指定层的左外边距和顶外边距的大小为指定层宽高的一半，这时指定层就会在浏览器的正中间：

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

div {position: relativewidth: 200pxheight: 80pxborder: 1px solid violet}

span {position: absolutebottom: 0left: 80px}

3、浏览器运行index.html页面，此时成功用css实现了内容在div的底部居中。