居中

最新推荐文章于 2022-04-15 20:55:43 发布

烟雨青山

最新推荐文章于 2022-04-15 20:55:43 发布

阅读量767

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/qq1036053871/article/details/43052317

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

居中方式1

text-align:center;//水平居中

居中方式2

vertical-align:middle;//垂直居中

margin:10px auto;//居中

文本的水平对齐:text-align:

行高 :line-height:40px;(经常用于实现垂直居中)

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>

  <style>
  body{ 
 font:"宋体"; font-size:12px; padding:0px; margin: 0px;
  }
 
   .aaa{
	width:1200px;
    margin-left: auto; margin-right: auto; 
	background-color:green;
  }

  </style>
 </head>
 <body>
 <div id="" class="aaa">
	

  
	<div id="" class="" style="width:200px;height:200px;background-color:red;">
		dfd
		<img src="www.jpg" width="243" height="266" border="0" alt="">
	</div>



	<div id="" class="" style="width:200px;height:200px;background-color:green;">
		dfds
		<img src="QQ截图20150123161412.jpg" width="540" height="174" border="0" alt="">
	</div> 


 </div>

 </body>
</html>