在 <div style="text-align: center;">
改成<div style="margin:0 auto;"> 就可以div 在 页面居中了
根据网友提醒 div加个宽 看你需要多大！才能居中
<div style="margin:0 auto; width: XXX px;"> XXX填写你要的大小
代码如下：
<html><body>
<table border="1">
<tr>
<td align="center" style="width:120px; height: 21px;" valign="middle">
</td>
<td align="center" style="width:120px; height: 21px;" valign="middle">
表格剧中
</td>
<td align="center" style="width:120px; height: 21px;" valign="middle">
表格剧中
</td>
</tr>
</table>
</body>
</html>
说明：
align="center"
那得用嵌套表格了，先做个一行两列的表格，并且让这个表格居中，然后再在两个单元格内分别插入一个表格即可，代码下：
<table width="100%" align="center">
<tr>
<td><table width="100%">
<tr>
<td> </td>
</tr>
</table></td>
<td><table width="100%">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table>
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml。
2、在indexhtml中的<body>标签中，输入html代码：<div style="float: left">123</div><div>456</div>。
3、浏览器运行indexhtml页面，此时多个div会水平居中在一行。
呵呵，不好意思！
一、用CSS样式：
<style type="text/css">
<!--
body{
text-align: center;
}
-->
</style>
二、像楼上说的，把内容都放到表格（<table>）中，然后再把“<table>”改为：<table align="center"> 使表格居中，这样网页中的内容自然也就是居中的了
这种方法是最常用的。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）