我有以下几点:
CSS:
.photo { overflow: hidden; display: table-cell; vertical-align: middle; text-align: center; width: 100px; height: 100px; }
HAML
.photo %img{:src => my_url}
看到jsfiddle here.我用来演示的图像是150像素乘80像素。
我需要在.photo div中显示图像,并裁剪任何多余的图像。图像需要垂直和水平居中。但是,显示:table-cell会导致.photo div忽略我的宽度和高度设置。我该怎么办?
解决方法
原文地址:https://www.jb51.cc/html/233618.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。