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

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

高洛峰
高洛峰原创
2017-03-04 15:18:441397浏览

在布局过程中为了某些需求,将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中文网!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn