本文小編為大家詳細介紹“div內容水平居中與div內容垂直居中的方法”,內容詳細,步驟清晰,細節處理妥當,希望這篇“div內容水平居中與div內容垂直居中的方法”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
目前創新互聯公司已為上1000家的企業提供了網站建設、域名、網頁空間、綿陽服務器托管、企業網站設計、涼州網站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協力一起成長,共同發展。
div模式水準居中相比機關div居中,而div形式居中比較容易,只重要配置一個模式居中css(text-align:center)、形式垂直居中(line-height)就可。
1、div內容水平居中CSS:
text-align:center
不論是p照樣div都或是對其設置此CSS實現對應對象內的形式水平居中。
2、div形式垂直居中 行高屬性:
line-height
要讓div內只有一行的內容垂直居中,通常對div設置裝備擺設的height(高)與line-height(行高)相似,就可完成div形式垂直居中。
3、div模式水平居中與垂直居中實例代碼
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div形式居中實例 CSS5</title> <style> #juzhong{width:320px;height:100px; line-height:100px; text-align:center; border:1px solid #F00} </style> </head> <body> <div id="juzhong">text-align和line-height配置水平與垂直居中</div> </body> </html>
讀到這里,這篇“div內容水平居中與div內容垂直居中的方法”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注創新互聯行業資訊頻道。
分享名稱:div內容水平居中與div內容垂直居中的方法
文章出自:http://vcdvsql.cn/article6/jhgdig.html
成都網站建設公司_創新互聯,為您提供App開發、營銷型網站建設、定制開發、網站建設、搜索引擎優化、自適應網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯