您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
今天就跟大家聊聊有关怎么在html中设置div居中,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
DIV居中提供两个方法:
1、简单快捷方法就是加<center>内容</center>标签。
示例:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>center居中</title> </head> <body> <center> <div>我要居中啦</div> </center> </body> </html>
2、div中加入margin:0 auto属性;自动调节居中。
示例2:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>margin居中</title> <style type="text/css"> .d1{ border:1px solid red; width:200px; height:200px; text-align:center; line-height:40px; margin:0 auto; } </style> </head> <body> <div class="d1"> 我是div,我居中啦... </div> </body> </html>
html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。
看完上述内容,你们对怎么在html中设置div居中有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。