html圖片拉伸變形,html怎么拉伸圖片,css代碼怎么寫(xiě)

新聞 2022-03-31編輯：深圳網(wǎng)站建設(shè)閱讀（）標(biāo)簽：

html圖片拉伸變形,html怎么拉伸圖片,css代碼怎么寫(xiě)

前端網(wǎng)頁(yè)部分.

html:
<div id="surface-div1">
<img :src="pic1" class="surface-img">
</div>
CSS樣式部分
#surface-div1{
position: relative;
width: 372px;
height: 175px;
float: left;
margin-top: -34px;
margin-left: 122px;
cursor: pointer;
background: url(../../../static/img/addheadpic.jpg)center center no-repeat;
text-align: center;
border: 1px solid #CCCCCC;
border-radius:6px;
overflow: hidden;
}
#surface-div1 img{
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%) scale(1);
border:none;
border-radius: 6px;display:table-cell
}

• 上一章：萬(wàn)網(wǎng)虛擬空間ssl,萬(wàn)網(wǎng)空間空間如何做ht...
• 下一章：ssl證書(shū)價(jià)格一年多少錢(qián)?