首頁 > web前端 > html教學 > html標籤在瀏覽器居中顯示的css樣式介紹

html標籤在瀏覽器居中顯示的css樣式介紹

高洛峰
發布: 2017-03-04 15:18:44
原創
1400 人瀏覽過

在佈局過程中為了某些需求,將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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板