国产精品 久久久精品动漫网站_欧美日韩久久中文字幕_国产亚洲精品日韩在线tv黄_国产农村一级毛片精品_日本国产中文字幕_任我爽橹在线视频精品583_最近中文字幕mv免费高清视频8_色爽交永久免费视频_国产精品三区第二页_亚洲春色在线观看

在響應(yīng)式網(wǎng)站中產(chǎn)品、新聞、案例列表頁(yè)中多半是圖文結(jié)合的列表顯示，有時(shí)候我們后臺(tái)上傳圖片的尺寸不一樣，在網(wǎng)頁(yè)中會(huì)出現(xiàn)高低不平，排版錯(cuò)亂的問(wèn)題，而要在網(wǎng)頁(yè)上顯示的整齊排版有序，這里我用到css定位來(lái)實(shí)現(xiàn)我們想要的效果。

首先，我們創(chuàng)建一個(gè)包裹圖片的容器來(lái)放我們的圖片，再?gòu)脑O(shè)計(jì)圖紙列表頁(yè)中截取一張列表圖片放入，設(shè)置寬度、間距，因?yàn)槭琼憫?yīng)式所以高度不用設(shè)置，讓圖片自適應(yīng)；效果如下圖：

河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營(yíng)銷(xiāo),seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營(yíng)銷(xiāo)

上圖中讓包裹圖片的li相對(duì)定位(position:relative;),上圖中放入的圖片不是我們要在網(wǎng)頁(yè)中顯示的圖片，我所以要經(jīng)過(guò)進(jìn)一步處理，如下圖：

河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營(yíng)銷(xiāo),seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營(yíng)銷(xiāo)

我們真正要顯示的圖片用一個(gè)div包裹（類(lèi)名img），設(shè)置絕對(duì)定位（position:absolute;）,放在li標(biāo)簽里，div（img）標(biāo)簽寫(xiě)入要真正顯示的背景圖片路徑。

河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營(yíng)銷(xiāo),seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營(yíng)銷(xiāo)

div（img）標(biāo)簽設(shè)置css屬性（background-size:  cover !important;），讓背景圖片占滿(mǎn)整個(gè)div（img）標(biāo)簽。

河南網(wǎng)絡(luò)推廣,河南網(wǎng)絡(luò)營(yíng)銷(xiāo),seo公司,河南百度優(yōu)化,河南網(wǎng)站優(yōu)化,河南全網(wǎng)營(yíng)銷(xiāo)

這兩張我們要顯示的圖片原始尺寸是不一樣的，經(jīng)過(guò)我的處理，他們?cè)倬W(wǎng)頁(yè)中顯示的整齊有序。

河南億宏世紀(jì)網(wǎng)絡(luò)科技有限公司，專(zhuān)注于互聯(lián)網(wǎng)+品牌整合營(yíng)銷(xiāo)，公司擁有專(zhuān)業(yè)的互聯(lián)網(wǎng)管理、運(yùn)營(yíng)策劃、UI設(shè)計(jì)、技術(shù)開(kāi)發(fā)等團(tuán)隊(duì)，專(zhuān)業(yè)從事于工業(yè)互聯(lián)網(wǎng)的開(kāi)發(fā)建設(shè)。我司擁有成熟的網(wǎng)絡(luò)技術(shù)開(kāi)發(fā)團(tuán)隊(duì)，針對(duì)網(wǎng)站開(kāi)發(fā)、技術(shù)服務(wù)、網(wǎng)站風(fēng)格定位、網(wǎng)站功能優(yōu)化、網(wǎng)站推廣維護(hù)等都具備很強(qiáng)的專(zhuān)業(yè)技術(shù)水平，旨在為客戶(hù)提供專(zhuān)業(yè)的互聯(lián)網(wǎng)應(yīng)用解決方案。公司始終秉持著誠(chéng)信經(jīng)營(yíng)、質(zhì)量為先的經(jīng)營(yíng)理念，我們不僅提供優(yōu)質(zhì)的網(wǎng)絡(luò)技術(shù)和云端供應(yīng)鏈服務(wù)，而且還在產(chǎn)品的選擇、應(yīng)用等方面提供專(zhuān)業(yè)的咨詢(xún)與售后服務(wù)。