让div居中心对齐

最新推荐文章于 2023-10-30 20:10:04 发布

Crazy_fold

最新推荐文章于 2023-10-30 20:10:04 发布

阅读量454

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/Crazy_fold/article/details/48271347

版权

html5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏


<html>
<head>
	<title>css样式练习</title>
	<meta charset="utf-8">
	<meta http-equiv="content-type" content="text/html;charset=urf-8">
	<meta http-equiv="keywords" content="111,222">
	<link rel="stylesheet" type="text/css" href="out.css">
	<!--嵌入式-->
	<!--普通选择符--><!--类选择符--><!--id选择符-->
	<style type="text/css">
	#div1 {
		border:1px solid red;
		width:98px;
		height:98px;
		
		margin:0 auto;
		}
	</style>
</head>
<body>
<div id="div1" >
世界你好
</div>
</body>
</html>

注意：必须给它宽度，才能使用margin:0 auto;属性,才能使用float属性；
<html>
<head>
   <title>css样式练习</title>
   <meta charset="utf-8">
   <meta http-equiv="content-type" content="text/html;charset=urf-8">
   <meta http-equiv="keywords" content="111,222">
   <link rel="stylesheet" type="text/css" href="out.css">
   
   
   <style type="text/css">
   #div1 {
       border:1px solid red;
       width:98px;
       height:98px;

       margin:0 auto;
       }
   </style>
</head>
<body>
<div id="div1" >
世界你好
</div>
</body>
</html>