Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >html怎样让div居中
html怎样让div居中
- 藏色散人asal
- 2021-05-24 11:02:3337775semak imbas
html让div居中的方法：1、通过加“bacbf9e1ad7f40415ce1670e31edfee3内容adca8a5fa06ffeafb062c2e3f274b930”标签让div居中；2、在div中加入“margin:0 auto属性;”自动调节居中。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
DIV居中提供两个方法：
1、简单快捷方法就是加bacbf9e1ad7f40415ce1670e31edfee3内容adca8a5fa06ffeafb062c2e3f274b930标签。
示例：
<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>Atas ialah kandungan terperinci html怎样让div居中. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html 标签失效怎么办Artikel seterusnya：css里面的rgba有几个值