我需要在页面中间对齐图像。我使用margin:auto来水平对齐中间。
如何将div块居中垂直对齐。我有以下条件。
-
我没有提到div或图像的宽度和高度。
-
我不能使用以像素为单位的页边空白。
这是我的小提琴。
你做得几乎是对的。这是你固定的小提琴http://jsfiddle.net/joplomacedo/cDD7m/4/
问题是,您需要一个带有display: table
的元素,用display: table-cell
包装一个元素,使表单元格的行为像预期的那样。
背景图像技术是否适合您的需求?
background: url(my-image.jpg) center center no-repeat;