Rumah > hujung hadapan web > html tutorial > html标签在浏览器居中显示的css样式介绍

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

高洛峰
Lepaskan: 2017-03-04 15:18:44
asal
1407 orang telah melayarinya

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

代码如下:

<style type="text/css"> 
#login{ 
position:absolute; 
top:50%; 
left:50%; 
margin-left:-标签一半宽度; 
margin-top:-标签一半高度; 
} 
</style>
Salin selepas log masuk


html部分:

代码如下:

<p id="login"></p >
Salin selepas log masuk

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan