居中

来源：互联网发布：淘宝商城婴儿玩具店编辑：程序博客网时间：2024/04/30 22:11

居中方式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>

0 0