Css 使图像大小相同

。表img{
高度：50px；
显示：块；
左边距：自动；
右边距：自动；
}

形象
名称
用户名
权限
地位
约翰·史密斯
管理
管理员
在线 的
asdajdaslf
管理员50
管理员
离线

只需添加

！重要信息

到您的css：

CSS：

.table-img {
  height: 50px !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

---

因为这个值被img响应类覆盖…

只需添加

！重要信息

到您的css：

CSS：

.table-img {
  height: 50px !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

---

因为该值由img响应类覆盖…

添加

边界半径：50%使其循环

.table-img {
  height: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}

或

添加
边界半径：50%使其循环

.table-img {
  height: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}

或

您的物业
高度：50px被bootstrap的
.img responsive
属性覆盖，给出
高度：自动。要么在代码中使用更高的特定性，要么在引导css之后加载样式，给出相同的规则

为了证明我的情况，将属性更改为
height:50px！重要的并查看这是否有效。我并不是说使用
是一种好的做法！重要信息
，这只是一种快速的方式，向您表明这是一个特殊性问题…
您的财产
高度：50px被bootstrap的
.img responsive
属性覆盖，给出
高度：自动。要么在代码中使用更高的特定性，要么在引导css之后加载样式，给出相同的规则

为了证明我的情况，将属性更改为
height:50px！重要的并查看这是否有效。我并不是说使用
是一种好的做法！重要信息
，这只是一种快速的方式来向您表明这是一个特殊性问题…
请尝试代码片段：


.table.table img{
宽度：50px；
高度：50px；
显示：块；
左边距：自动；
右边距：自动；
边界半径：100%；
}

形象
名称
用户名
权限
地位
约翰·史密斯
管理
管理员
在线 的
asdajdaslf
管理员50
管理员
离线
请尝试代码片段：


.table.table img{
宽度：50px；
高度：50px；
显示：块；
左边距：自动；
右边距：自动；
边界半径：100%；
}

形象
名称
用户名
权限
地位
约翰·史密斯
管理
管理员
在线 的
asdajdaslf
管理员50
管理员
离线
样式表类定义

  .table-img {
    height: 50px;
    width : 50px;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
            }

然后像这样调用html文件

<table>
<tr><td>
<img class='table-img' src='yourimage.jpg' />
</td></tr>
</table>

样式表类定义

  .table-img {
    height: 50px;
    width : 50px;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
            }

然后像这样调用html文件

<table>
<tr><td>
<img class='table-img' src='yourimage.jpg' />
</td></tr>
</table>


< /代码> 如果保持图像长宽比是重要的，请考虑在<强>包含元素< /强>中包装<代码> IMG< /Case>元素，如下面嵌入代码片段中所示。

代码片段演示：


。表img{
高度：50px；
宽度：50px；
溢出：隐藏；
显示：块；
左边距：自动；
右边距：自动；
边界半径：100%；
}
.表img img{
最大高度：50px；
最大宽度：无；
最小宽度：100%；
最小高度：50px；
}

形象
名称
用户名
权限
地位
约翰·史密斯
管理
管理员
在线 的
asdajdaslf
管理员50
管理员
离线
如果需要保持图像纵横比