Html 我怎样才能把角落里的img冲洗干净？

目前，此卡的我的

img

如下所示：

这是reactjs组件的一部分：

<div className='col-lg-4 emp-row'>
                        <div className="col-lg-4">
                            <img src={this.props.details.avatar} alt=""/>
                        </div>
                <div className="col-lg-8">
                            <div>
                            <span className='name'> {this.props.details.firstName} &nbsp;
                                {this.props.details.lastName}</span>
                            <div>
                                    {this.props.details.bio.slice(0, 80)}
                            </div>
                            </div>
                </div>
</div>

{this.props.details.firstName}
{this.props.details.lastName}
{this.props.details.bio.slice（0,80）}

注意

img

周围有多少空格？我试图改变高度，但没用

---

如何使img显示如下：？

您需要移除

img

容器周围的填充物：

.emp-row {
    display: flex;
    flex-direction: row;
    /* padding: 10px 0;     <--- remove */
    border: 1px solid black;
}
.col-lg-4 {    
    position: relative;
    min-height: 1px;
    padding-right: 15px;
   /* padding-left: 15px;    <--- remove  */
}

.emp行{
显示器：flex；
弯曲方向：行；
/*填充：10px 0；您使用的是引导，因此col-lg-4定义了填充，因此您有两个选择

向包含图像的div中添加一个额外的类并定义
填充为零

向图像添加一个类并定义css，如：

<img class='mugshot' src='.../etc'>

.mugshot{
margin: -10px;
margin-left: -15px;
}


.抢劫犯{
利润率：-10px；
左边距：-15px；
}
你的意思是完全齐平到左上角，还是整个左手边？我做了一个小调，但我不确定它是否接近你想要的，但图像处于相同的位置。@PaulT。我更新了设计以澄清你没有正确使用引导网格-
col-
元素必须是
行的子元素使其正常工作。