
html body標(biāo)簽的定義和用法:
body 元素定義文檔的主體。
body 元素包含文檔的所有內(nèi)容(比如文本、超鏈接、圖像、表格和列表等等。)
HTML body 標(biāo)簽實(shí)例
一個(gè)簡(jiǎn)單的 HTML 文檔,帶有最基本的必需的元素:
html head title 文檔的標(biāo)題 /title /head body 文檔的內(nèi)容... ... /body /html
html body標(biāo)簽的居中屬性
html body標(biāo)簽的居中屬性(一):
基礎(chǔ)居中的使用方法:
html head title 居中 /title /head body >html body標(biāo)簽的居中屬性(二):
div標(biāo)簽在body里水平垂直居中使用方法:
水平居中: div標(biāo)簽在整個(gè)body里居中的方法用CSS控制即可,body{text-align:center;} .box{margin: 0 auto;} 類(lèi)box就是在整個(gè)body里水平居中
垂直居中:div在body里的垂直居中用CSS控制都不是很有效果,所以用js來(lái)控制比較管用,代碼如下(jQuery):
function SetPostion(){ var wheight = $(window).height(); //瀏覽器的高度 var boxheight = $(“.box”).height(); //box的高度 //瀏覽器的高度若大于box的高度,才設(shè)置box垂直居中 if(wheight boxheight){ var h = (wheight -boxheight)/2; //計(jì)算box距頂端的距離 $(“.box”).css(“margin-top” ,h+”px”) //設(shè)置box的margin-top屬性}名為box的css類(lèi)就垂直居中了
瀏覽器支持
所有主流瀏覽器都支持 body 標(biāo)簽。
【相關(guān)推薦】
HTML del標(biāo)簽是塊級(jí)元素嗎?html del標(biāo)簽具體應(yīng)用方法
html hr標(biāo)簽的屬性有哪些?HTML hr標(biāo)簽的樣式詳解
以上就是html body標(biāo)簽的居中屬性你知道嗎?html body標(biāo)簽的定義和使用方法的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注