首页 > web前端 > html教程 > html标签在浏览器居中显示的css样式介绍

html标签在浏览器居中显示的css样式介绍

高洛峰
发布: 2017-03-04 15:18:44
原创
1399 人浏览过

在布局过程中为了某些需求,将html标签在浏览器居中显示是很常见的做法,下面有个不错的示例,大家可以参考下 css样式:

代码如下:

<style type="text/css"> 
#login{ 
position:absolute; 
top:50%; 
left:50%; 
margin-left:-标签一半宽度; 
margin-top:-标签一半高度; 
} 
</style>
登录后复制


html部分:

代码如下:

<p id="login"></p >
登录后复制

更多html标签在浏览器居中显示的css样式介绍相关文章请关注PHP中文网!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板