小編給大家分享一下html中body標(biāo)簽如何使用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
我們提供的服務(wù)有:成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、敦化ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢(xún)和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的敦化網(wǎng)站制作公司
html body標(biāo)簽的定義和用法:
body 元素定義文檔的主體。
body 元素包含文檔的所有內(nèi)容(比如文本、超鏈接、圖像、表格和列表等等。)
HTML 標(biāo)簽實(shí)例
一個(gè)簡(jiǎn)單的 HTML 文檔,帶有最基本的必需的元素:
文檔的標(biāo)題 文檔的內(nèi)容... ...
html body標(biāo)簽的居中屬性
html body標(biāo)簽的居中屬性(一):
基礎(chǔ)居中的使用方法:
居中 居中
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)就垂直居中了
瀏覽器支持
所有主流瀏覽器都支持
標(biāo)簽。以上是“html中body標(biāo)簽如何使用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!