css不同的图像不同的宽度[重复]

ecr0jaav 于 2024-01-09 发布在其他

关注(0)|答案(3)|浏览(171)

此问题在此处已有答案：

CSS Image size, how to fill, but not stretch?（18个答案）
6天前关闭
我做了一个评论系统，文本旁边有个人资料照片，但当有人评论个人资料照片的宽度正在改变-像这样的东西：

.container img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}

个字符

css

来源：https://stackoverflow.com/questions/65239848/css-diffrent-images-diffrent-widths

3条答案

按热度按时间

5jvtdoz21#

由于height:auto;，这是发生。尝试设置6%的高度也

<img  src='".$row2['photo']."' alt='pp' style='width:6%;height:6%' >

字符串
顺便说一下，你只需要像我在代码中所做的那样，将style属性设置为us inline-styling。

赞(0）回复(0）举报 2024-01-09

sxissh062#

尝试使用像素宽度而不是百分比。

赞(0）回复(0）举报 2024-01-09

p8ekf7hl3#

元素width和height应该相等，以形成一个完美的圆。由于图像具有不同的尺寸，您可以使用background-image代替技术

<div class='profile-pic' style='background-image:url(".$row2['photo'].")'></div>

字符串
CSS

.profile-pic{
height:50pt;
width:50pt;
border-radius:50%;
background-color:#eee;

/*background image syles*/
background-size:cover;
background-position:center;
background-repeat:no-repeat;

}

型

赞(0）回复(0）举报 2024-01-09

我来回答

css不同的图像不同的宽度[重复]

3条答案

相关问题

热门标签

最新问答