未知大小的图片在div中水平垂直居中(拒绝使用table-cell)
2017-06-01 11:51
531 查看
.cjy-img-wrap{ width: 200px; height: 200px; text-align: center; vertical-align: middle; border: 1px solid red; margin: 100px auto; } .cjy-img-wrap p{ width: 100%; height: 100%; text-align: center; } .cjy-img-wrap p img{ max-width: 100%; max-height: 100%; vertical-align: middle; } .cjy-img-wrap p:after{ content:'...'; width:0; height:100%; display:inline-block; vertical-align:middle; overflow:hidden; }
相关文章推荐
- table-cell实现未知宽高图片,文本水平垂直居中在div
- 转载未知大小的图片在一个已知大小容器中的水平和垂直居中(二)
- 纯css实现未知尺寸图片在DIV中垂直水平居中(超简单)
- 未知大小图片在已知容器中的垂直和水平居中问题
- 纯CSS实现图片水平垂直居中于DIV(图片未知宽高)
- 未知大小图片在已知容器中的垂直和水平居中问题
- 纯CSS实现图片水平垂直居中于DIV(图片未知宽高)
- 未知大小图片在已知容器中的垂直和水平居中问题
- 图片水平垂直居中于DIV(图片未知宽高)
- 使用纯CSS实现未知尺寸的图片(但高宽都小于500px)在500px的正方形容器中水平和垂直居中。你有几种方法?
- 使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。
- 未知大小图片在容器的垂直和水平居中问题
- 纯CSS实现图片水平垂直居中于DIV(图片未知宽高)
- 单个未知大小图片在div里面垂直居中的方法。。。添加辅助元素挤一下位置达到居中
- 未知宽高图片水平垂直居中在div
- CSS让未知高度div的内容垂直居中(table-cell 和 负margin)
- 未知大小图片在已知容器中的垂直和水平居中问题
- 未知大小的img或div如何水平垂直居中显示?
- 未知大小图片在容器的垂直和水平居中问题
- 未知大小的图片水平垂直居中以及连续字符串的自动换行