- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12XP系統怎么清除緩存？
[摘要]html body標簽的居中屬性你知道嗎？html body標簽的定義和使用方法。下面本篇文章主要為大家講解的就是html body標簽的定義和居中屬性的兩種方法，還有關于html body標簽的定義和使用方法介紹html body標簽的定義和用法：body 元素定義文檔的主體。body 元素包含...
html body標簽的居中屬性你知道嗎？html body標簽的定義和使用方法。下面本篇文章主要為大家講解的就是html body標簽的定義和居中屬性的兩種方法，還有關于html body標簽的定義和使用方法介紹html body標簽的定義和用法：
body 元素定義文檔的主體。
body 元素包含文檔的所有內容（比如文本、超鏈接、圖像、表格和列表等等。）
HTML <body> 標簽實例
一個簡單的 HTML 文檔，帶有最基本的必需的元素：
<html> <head> <title>文檔的標題</title> </head> <body> 文檔的內容... ... </body> </html>
html body標簽的居中屬性
html body標簽的居中屬性(一):
基礎居中的使用方法：
<html> <head> <title>居中</title> </head> <body style="text-align:center;"> <h2>居中</h2> </body> </html>
html body標簽的居中屬性（二）:
div標簽在body里水平垂直居中使用方法：
水平居中： div標簽在整個body里居中的方法用CSS控制即可，body{text-align:center;} .box{margin: 0 auto;} 類box就是在整個body里水平居中
垂直居中：div在body里的垂直居中用CSS控制都不是很有效果，所以用js來控制比較管用,代碼如下（jQuery）:
function SetPostion(){
var wheight = $(window).height(); //瀏覽器的高度
var boxheight = $(“.box”).height(); //box的高度
//瀏覽器的高度若大于box的高度，才設置box垂直居中
if(wheight > boxheight){
var h = (wheight -boxheight)/2; //計算box距頂端的距離
$(“.box”).css(“margin-top” ,h+”px”) //設置box的margin-top屬性
}
}名為box的css類就垂直居中了
瀏覽器支持
所有主流瀏覽器都支持 <body> 標簽。
【相關推薦】
HTML del標簽是塊級元素嗎？html del標簽具體應用方法
html hr標簽的屬性有哪些？HTML hr標簽的樣式詳解
以上就是html body標簽的居中屬性你知道嗎？html body標簽的定義和使用方法的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1多組愛奇藝vip會員賬號共享（2017.3.7）
- 2最新8組芒果tv會員賬號共享
- 32017.03.07最新騰訊視頻會員賬號共享
- 4最新芒果tv會員賬號共享（2017.3.6）
- 54組最新騰訊視頻會員共享(2017.03.06)
- 6QQ音樂播放音樂斷斷續續如何辦？
- 7百度影音播放器沒聲音如何辦？
- 8天天動聽PC版下載的歌曲在什么地方里?天天動聽下載歌曲在什么地方一個文件夾？
- 9最新騰訊視頻會員賬號共享（2017.3.3）
- 10qq影音如何循環播放某一段視頻？
- 11QQ影音如何關聯本地字幕？QQ影音關聯本地字幕方法
- 12qq影音如何旋轉視頻？qq影音旋轉視頻方法
- 1支付寶不能交水電費了嗎 支付寶為什么不能交水電費了
- 2企業微信怎么登陸 微信企業版賬號登錄方法流程
- 3人人車怎么收費 人人車收費規范
- 43星版iphone6s與臺積電版iphone6s續航哪一個好
- 5眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 6美團支付是什么 美團支付怎么用
- 7華為pay與微信支付哪一個好 微信支付與huawei pay比較區別
- 8微信掃描二維碼沒反應怎么辦？微信掃描二維碼不能下載處理方法
- 9美圖看看“穿透文件夾”技巧一鍵直達深層圖片
- 10小猿搜題與作業幫哪一個好 作業幫與小猿搜題比較評測
- 11國美美易分貸款能做幾次 美易分貸款申請次數介紹
- 12平板電腦wifi無線網絡設置圖文說明教程【圖文詳細說明】
相關文章
- html表格的語法與相關屬性的說明(附代碼)
- html中表單標簽的type屬性的應用案例
- html em標簽的作用是什么？<em>與<i>標簽的區別
- html strong標簽是什么意思？html中strong標簽的具體用法說明
- html button標簽是什么意思？html button標簽的使用細節
- html address標簽如何用？html address標簽的使用方法詳細說明
- html abbr標簽是什么意思？html abbr標簽的具體用法詳細說明
- html body標簽的居中屬性你知道嗎？html body標簽的定義與使用方法
- html的meta標簽有什么用？html中meta標簽屬性的相關用法
- html bdo標簽是什么意思?html bdo的使用方法詳細說明
- html link標簽有什么作用？html link標簽的定義及屬性說明
- html colspan屬性的定義是什么？html colspan屬性的使用方法說明
