怎么让一个不定宽高的div垂直水平居中?

怎么让一个不定宽高的div垂直水平居中?

方式一: 使用css方法:
父盒子设置: display: table-cell; text-align: center; vertical: middle;
div设置: display: inline-block; vertical-align: middle;
方式二: 使用css3 transform:
父盒子设置: position: relative;
div设置: left: 50%; top: 50%; transform: translate(-50% -50%);