灰儿 发表于 2017-7-25 17:09:23

使img标签大小不固定的图片垂直居中的办法

看tmall html码和去去网上搜有关的属性 自己测试方法总结一下 首先 vertical-algin :middle使图片居中有两种办法

第一种:tamll用的办法 1:父元素 div 正常block属性 设置line-height属性撑起高度(水平居中可以加个‘text-align:center;‘) 2:子元素img默认display属性,改成block不行, 用‘veritical-align:middle;’实现垂直居中

第二种: 1:父元素将display属性设置为table-cell,给父元素(1是给子元素)添加属性’vertical-align:middle;’ 2:子img元素正常属性 !注意! table-cell属性有一些特点和局限 先写一下

页: [1]
查看完整版本: 使img标签大小不固定的图片垂直居中的办法