小編給大家分享一下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;"> <h3>居中</h3> </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中body標簽如何使用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
