發(fā)布日期: 2019-9-23 10:02:01 點(diǎn)擊量: 1395
網(wǎng)站設(shè)計(jì)中怎么讓網(wǎng)頁里面的圖片不拉伸呢？下面慈溪網(wǎng)絡(luò)公司小編給大家講解:
當(dāng)設(shè)定了imgwidth和height屬性的時(shí)候，css中。圖片將會拉伸。尤其是使用一些該模板的應(yīng)用順序的時(shí)候。
應(yīng)當(dāng)首先通過div設(shè)定一個(gè)固定的容器，這個(gè)時(shí)候。并且給容器定義寬和高。然后可以自選給這個(gè)容器加上一個(gè)邊框。
寧波網(wǎng)絡(luò)公司
這個(gè)時(shí)候圖片就能依照其本身的大小顯示了但是會發(fā)現(xiàn)圖片顯示在容器的最頂端，然后不給圖片的img設(shè)定width和height屬性。并不美觀。
最后給之前設(shè)定的這個(gè)div容器加入一個(gè)display:table-cell;屬性就可以了
div容器css這里加上了邊框)
.sbox-bd.thumb{width:222px;height:222px;border:1pxsolid#EBEBEB;display:table-cell;vertical-align:middle;}
img容器css余姚網(wǎng)絡(luò)公司
.side-elist.aphoto{display:block;margin-bottom:3px;vertical-align:middle;}
