div内容垂直居中对齐

css垂直居中属性设置vertical-align: middle对div不起作用，例如：

	

		在DIV中垂直居中
	

运行后按钮没有在DIV中垂直居中

解决思路：如果div和按钮的宽高都确定为具体像素值，可以直接设定按钮的css属性：position：relative; top为(div.height - button.height)/2，left为(div.width-button.height)/2；否则给按钮添加一个div父元素，宽高和按钮相同，position设定为relative，top和left都为50%（即左上角位置设定在外层div的中心），再将按钮左上角位置坐标设定为父元素div宽高（也等于按钮自身宽高）的-50%

详细代码如下：

	

		

			在DIV中垂直居中
		
	

再次运行后，div中按钮上下居中显示

END