Question

我想在60x60圈子中显示用户个人资料照片。我可以用一张照片做到这一点。但是我在上面提到的圈子中展示了团队简介的图片时遇到了挑战。在这里，我需要展示像拼贴画这样的图片。

请有人分享您的建议。提前谢谢。

Answer 1

尝试将图像放入＆＃34;圈＆＃34; -div并将溢出设置为隐藏：

＆＃13;

.thumbnail{
  width: 60px;
  height: 60px;
  line-height: 0;
  border-radius: 50%;
  overflow:hidden;
}
.thumbnail>img{
  float: left;
}

＆＃13;

<div class="thumbnail">
<img src="http://via.placeholder.com/30x30">
<img src="http://via.placeholder.com/30x30">
<img src="http://via.placeholder.com/30x30">
</div>

＆＃13;

修改将float：left添加到图像并删除一个图像

Answer 2

我认为这不是一个前端问题，因此将后端更合理。使用不同的程序语言，有不同的方式。

Python：图像可以理解为ndarrays (numpy package)，加入图像等于加入数组。
Java：canvas.drawbitmap()将它们绘制在一起。

如何在一个圆圈内显示多个图像？

2 个答案: