div 内table 居中实现代码
Posted 雪莉06
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div 内table 居中实现代码相关的知识，希望对你有一定的参考价值。
有时候在一个div里面添加一个表格，如想让它居住排列，需要做如下的操作。
css代码：
代码如下:
#dlgReply
{
/*display: table-cell;
text-align: center;*/
vertical-align: middle;
}
table
{
margin-left: auto;
margin-right: auto;
}
html代码：
代码如下:
<div id="dlgReply">
<table>
<tr>
<td>
<label>
电话：
</label>
</td>
<td>
<input type="text" class="textbox" id="" />
</td>
</tr>
</table>
</div>
#dlgReply
{
/*display: table-cell;
text-align: center;*/
vertical-align: middle;
}
table
{
margin-left: auto;
margin-right: auto;
}
html代码：
<div id="dlgReply">
<table>
<tr>
<td>
<label>
电话：
</label>
</td>
<td>
<input type="text" class="textbox" id="" />
</td>
</tr>
</table>
</div>
以上是关于div 内table 居中实现代码的主要内容，如果未能解决你的问题，请参考以下文章