首页 > 代码库 > div 内table 居中实现代码
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 居中实现代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。