var
您好,欢迎访问景安网络旗下资讯网!
运营 建站 系统 数据库 编程

首页 > HTML教程  >html div居中的代码

html div居中的代码

来源:景安IDC资讯作者:server发布时间:2015-05-26点击:5686

div标签可以把html文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。在html中div的居中代码是text-align:center

<div>标签可以把html文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。在htmldiv的用法如下

<div class = "ceshi">测试</div>  属性idclass可以用来标记<div>

1.div居中代码

<div class = "ceshi" style = "text-align:center;margin:0 auto;">div居中测试</div>margin:0 auto属性表示上下左右边界为0,在居中代码中融入此属性可以兼容各种浏览器。

当然也可以把text-align:center这个属性写进CSS中通过class调用,SEO优化中有一条,就是把html页面中多余或相同的样式代码统一写在CSS中。

2.div垂直居中代码

<div class = "ceshi" style = "position:fixed;left:50%;top:50%;margin-left:width/2;margin-top:height/2;">div垂直居中测试</div>

div标签应用场景:

1)div+css代替了table标签布局;

2)通常我们说的网页设计就是div+css制作;

3)div是在html页面中使用最多的标签;

4)div标签有classstyle等属性,可以美化网页。


关键词: html代码 div居中

版权声明:本文系技术人员研究整理的智慧结晶,转载勿用于商业用途,并保留本文链接,侵权必究!

本文链接:https://www.zzidc.com:443/info/htmljc/73.html

返回顶部