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 >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標簽的定義和使用方法的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答