鍍金池/ 問答/HTML5  HTML/ css3問題求教,如果圖片寬度大于上一層空白處而換行,怎樣讓空白處不顯示并居中內(nèi)

css3問題求教,如果圖片寬度大于上一層空白處而換行,怎樣讓空白處不顯示并居中內(nèi)容,從而更加美觀

瀏覽器寬度縮小時,同樣讓所有內(nèi)容在中間,而不是右側(cè)多了空白,css3怎么實(shí)現(xiàn)呢

clipboard.png

clipboard.png

回答
編輯回答
維她命

display:flex方式

  disflex：flex;
    flex-wrap:nowrap;
    justify-content: space-around;

vw 值和100%的方式

兩種方式很相同，就是不設(shè)定圖片的固定寬度，依據(jù)父元素的大小來設(shè)定大小，
不同的是vw是相對于視口進(jìn)行的百分比縮放，百分比的方式是根據(jù)圖片父元素進(jìn)行的百分比縮放
2017年8月19日 10:56
編輯回答
夢囈

兩種方案，一種是子元素按比例縮放，第二種是框架寬度按瀏覽器寬度縮放（CSS媒體查詢）。

2017年7月23日 13:52
編輯回答
好難瘦

固定值不可能的，百分比或flex

2018年4月24日 09:26
編輯回答
艷骨

圖片width設(shè)置為百分比吧，不能設(shè)置為固定值。

2018年5月27日 00:34
編輯回答
終相守

這個問題就好比一行可以放10個字，突然寬度只能放9個半，請問剩下一個字去哪里

2018年2月24日 09:58
編輯回答
風(fēng)清揚(yáng)

這個需要圖片的寬度不能夠是固定的值。你可以設(shè)置稱屏幕寬度的百分比。這樣，在屏幕寬度縮小時，圖片寬度也跟著自動縮小，就會始終在一行上。

2017年3月2日 15:24
編輯回答
司令

這得讓里面的圖片也有自適應(yīng)才行…width值改為百分比…
如果想保持這樣子你可以試試用media

2017年11月8日 13:29