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