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>

时间: 2024-10-13 07:22:40

div 内table 居中实现代码的相关文章

css图片在div内上下居中的方法

参考代码:< div style=”width:300px;height:300px;text-align:center;vertical-align:middle;line-height:300px;border:1px solid #ccc;display:table-cell”>< img src=”aaaa.jpg” mce_src=”aaaa.jpg” style=”_margin-top: expression(( 300 - this.height ) / 2);” /&g

在各浏览器和各分辨率下如何让div内的table垂直水平居中?

本文主要针对需要全屏显示的系统页面内,因为系统经常会用到表格table布局,偶尔的table需要显示在div的正中间,所以鄙人特此总结下div内table的万千姿态. <!DOCTYPE html><html> <head><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> <title>i冰冰的个人博客</title> &

div居中和table居中

一.div居中 margin-left: auto;margin-right: auto; <div  style="width:960px ; margin-left: auto;margin-right: auto;"  ></div> 二.table居中 margin:auto; .searchclass { width:960px; min-height:80px; border-right:1px solid #000;border-bottom:1p

div内元素的居中

1.如果是一行文字(不超过一行) parent{ text-align:center; line-height:div高度; } 2.如果是div内其他类型元素 parent{ height:xxxpx; } child{ display: block; position: relative; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);(css3属性) text-align: center; } 原文地址:

div与table用作布局的区别

本文向大家描述一下DIV和Table页面布局的区别和联系,一般来说Table开发快,容易控制,浏览器兼容也好些,另一部分认为DIV好,是以后的发展趋势,主要原因请看下文详细介绍. DIV布局和Table页面布局的区别和联系 现在对于网页制作是选择传统的Table还是用新型的DIV,有分歧.一部分说还是用Table好,开发快,容易控制,浏览器兼容也好些;另一部分认为DIV好,以后的发展趋势,主要是如下原因: DIV+CSS布局比Table布局节省页面代码,代码结构也更清晰明了. DIV+CSS开发

制作网页时Div与Table的区别

1.制作效率 我想没人反对表格的制作效率要高于Div的效率.很明显Div布局代码全部都要手写.即使你在熟悉代码,也没有 Dreamweaver生成来的快吧!所以Table可以很容易建立起结构化的界面,通过table自身的参数定义,我们能把页面布局很快定义成我们所需要的效果. 2.浏览器的兼容问题 table和div在兼容问题中,table更具有优势. 我们常用的IE6.0,IE7.0火狐Firefox浏览器对div css设置上非常挑剔,往往同一个css在2种浏览器上会有不同的结果,对设计制作人

常用布局,div竖直居中

常用两列布局,多列布局和div竖直居中 body { margin: 0; padding: 0; } .w200 { width: 200px; } .mar-left200 { margin-left: 200px; } .red { background-color: red; } .middle { vertical-align: middle; } .block { width: 80%; height: 300px; border: 1px solid #eee; margin: 0

用css实现图片在div内的垂直居中

已知一个div内有一个img,两者的高度均不知道,但图片的高度一定小于div的高度 代码如下: .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *font-size: 175px;/*约为高度的0.873,200*0.873 约为175*/ *font-family:Ar

转: Div与table的区别

1:速度和加载方式方面的区别 div 和 table 的差异不是速度,而是加载方式,速度只能是指网络速度,如果速度足够快,是没有差异的: div 的加载方式是即读即加载,遇到 <div> 没有遇到 </div> 的时候一样加载 div 中的内容,读多少加载多少:table 的加载方式是完成后加载,遇到 <table> 后,在读到 </table> 之前,table 中的内容不加载,或者传输中断了(document.onload()事件)的时候加载,这是因为T