1. 如何用html代码实现网页上下居中 这个问题对很多新手来说都是难以挑战的难度，就是网上有代码很多人都难以了解 。其原理很简单，就是把块级元素变成行内元素，定义样式vertical-align:middle，让其垂直居中 。这里面有两个难点，1、怎样把块级元素变成行内元素并可以定义大小，而且还要兼容（要了解IElayout） 。2、如何用好vertical-align:middle,vertical-align:middle用在表格上很见效，谁都可以用，用在行内元素怎样才能起作用呢等等 。
代码我写给你，你自己去琢磨
<style>
.box{display:inline-block;}
.box{*display:inline; *zoom:1; width:50px; height:80px; border:#000 1px solid; vertical-align:middle;}
i{display:inline-block; width:0; height:100%; vertical-align:middle;}
</style>
</head>
<body>
<div style="width:200px; height:200px; border:red 1px solid; text-align:center;">
<i></i>
<div class="box">afdafd</div>
</div>
2. HTML文字居中怎么写 1、如果这排文字放在table里，这样写：
<table>
<td align="center"> <；！--让td中的内容居中-->
<a href="http://www.xuexi88.com/zhishi/链接到那里">；链接字</a>
</td>
</table>
2、在css里给这排文字定义一个类为footer，如下：
首先在<head></head>；中设置css:
<style type="text/css">
.footer{
text-align:center //设置最下排文字居中显示
</style>
然后在body里插入footer（最下排的字）类的div:
<div class="footer">
<a href="http://www.xuexi88.com/zhishi/链接地址">；服务条款</a>
|
<a href="http://www.xuexi88.com/zhishi/链接地址">；广告服务</a>
|
<a href="http://www.xuexi88.com/zhishi/连接地址">；商务洽谈</a>
|
……（同上）
</div>
3. 网页文字居中的代码是什么 html文字居中测试 <meta charset="UTF-8"> <style type="text/css"> body{background: #ddd;} div{width:300px;height:180px;margin:10px auto;color:#fff;font-size:24px;} .box1{background: #71a879;text-align: center;} .box2{background: #6a8bbc;line-height: 200px;} .box3{background: #dea46b;text-align: center;line-height: 200px;} </style><body> html文字水平居中 html文字垂直居中 html文字水平上下居中