Question

元素宽度自适应，内部文字自动换行后要求垂直居中，这样的样式怎么写？

效果如下：

外层div宽度100%，里面的div宽度也是自适应，要求在文字一行不够放时自动换行，换行后水平和垂直方向上都居中！请大师帮我解决这个问题！望测试过行得通后给我说说！
以上是结构，

以上是代码！





Answer 1

正常情况图片垂直居中只要给图片img设定vertical-align:middle，不过你可以用另外一个方法
只需要给外部容器加padding属性即可，设定图片与容器的边距是多少就可以达到看上去居中的效果，要想图片自动缩放那就给图片设定宽度和高度100%，不过这样必须要求容器的高宽是等比例缩放的，否则图片就会拉伸变形；要想图片等比例缩放，那你就得调用js强制一下图片的高宽比例；

其实你这个问题经常会有人问到，我个人觉得没有必要让图片根据容器自动伸缩，至少我个人觉得这个样式很少用到，通常只需要把图片等比例缩放至固定值即可

追问

请测试过效果再回答好吗？我也少发了些东西上来，待会补上！