介绍
小编给大家分享一下html中身体标签如何使用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强> html体标签的定义和用法:强>
身体元素定义文档的主体。
身体元素包含文档的所有内容(比如文本,超链接,图像,表格和列表等等)。
<强> html & lt; body>标签实例强>
一个简单的HTML文档,带有最基本的必需的元素:
& lt; html> & lt; head> & lt; title>文档的标题& lt;/title> & lt;/head> & lt; body> 文档的内容…… & lt;/body> & lt;/html>
<强> html体标签的居中属性强>
<强> html体标签的居中属性(一):强>
基础居中的使用方法:
& lt; html> & lt; head> & lt; title>居中& lt;/title> & lt;/head> & lt;身体风格=皌ext-align:中心;“比; & lt; h3>居中& lt;/h3> & lt;/body> & lt;/html>
<强> html体标签的居中属性(二):强>
div标签在身体里水平垂直居中使用方法:
水平居中:div标签在整个身体里居中的方法用CSS控制即可,身体{text-align:中心;}.box{保证金:0汽车;}类盒子就是在整个身体里水平居中
垂直居中:div在身体里的垂直居中用CSS控制都不是很有效果,所以用js来控制比较管用,代码如下(jQuery):
函数SetPostion () { var wheight=$(窗口).height ();//浏览器的高度 var boxheight=$ (“.box”) .height ();//盒的高度//浏览器的高度若大于盒的高度,才设置盒垂直居中 如果(wheight比;boxheight) { var h=(wheight -boxheight)/2;//计算箱距顶端的距离 $ (" .box”)。h + css (“margin-top”、“px”)//设置盒的margin-top属性 } }
名为盒子的css类就垂直居中了
<强>浏览器支持强>
所有主流浏览器都支持& lt; body>标签。
以上是“html中身体标签如何使用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!