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

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

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

以上是代码!
展开
 我来答
碧血玉叶花
2015-06-14 · TA获得超过4976个赞
知道大有可为答主
回答量:6154
采纳率:0%
帮助的人:1695万
展开全部
正常情况图片垂直居中只要给图片img设定vertical-align:middle,不过你可以用另外一个方法
只需要给外部容器加padding属性即可,设定图片与容器的边距是多少就可以达到看上去居中的效果,要想图片自动缩放那就给图片设定宽度和高度100%,不过这样必须要求容器的高宽是等比例缩放的,否则图片就会拉伸变形;要想图片等比例缩放,那你就得调用js强制一下图片的高宽比例;

其实你这个问题经常会有人问到,我个人觉得没有必要让图片根据容器自动伸缩,至少我个人觉得这个样式很少用到,通常只需要把图片等比例缩放至固定值即可
追问
请测试过效果再回答好吗?我也少发了些东西上来,待会补上!
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式