當(dāng)我們使用bootstrap的圖片輪播功能勃救，想做一個(gè)比較漂亮的頁(yè)面，如果圖片比較小甲脏，會(huì)發(fā)現(xiàn)一個(gè)比較尷尬的問(wèn)題：圖片沒(méi)有居中眶熬，如下所示
圖片居左邊
第一種解決方法妹笆，把圖片的寬度設(shè)計(jì)為%100，但是圖片會(huì)變得非常模糊娜氏，代碼如下：
圖片寬度100%代碼
效果如下：
寬度100%效果圖
第二種解決方法晾浴，結(jié)合div和img的屬性解決該問(wèn)題，將div的text-align屬性設(shè)置為居中牍白，將圖片的display屬性設(shè)置為行內(nèi)塊值脊凰。
代碼
效果如下：
完美解決
全部代碼如下：
html代碼
jquery激活代碼
備注：2000代表每?jī)擅霌Q一次圖片。（本文為了簡(jiǎn)潔茂腥，bootstrap引入代碼沒(méi)有展示狸涌，請(qǐng)自行導(dǎo)入相關(guān)配置）
