div標籤寬度在添加更多內容時擴展

我正在爲朋友製作一個簡單的網站。他需要定期添加圖像，但他沒有編碼知識。我的想法是讓div顯示他的圖像（按照他的要求水平）擴展，所以他所要做的就是在代碼中添加更多圖像並通過filezilla上傳。div標籤寬度在添加更多內容時擴展

我很難讓div對內容做出反應。下面是代碼：

#images { 
    width:5000px; 
    height:500px; 
    display:inline-block; 
    margin-left:250px; 
    margin-top:-80px; 
} 
#images img { 
    height:500px; 
}

這工作，但表示該div的寬度有每次添加新內容時，需要改變，我需要它與內容增長。

任何想法？

來源

2016-03-09 gezer4000

從div中移除width屬性？你可以提供一個JSFiddle，以便我們可以看到所有的作品？ – Goose

如果你繼續水平添加圖片，它會引入瀏覽器的水平滾動條，這是不建議按照現代web標準 – Ritz

[鏈接]（https://jsfiddle.net/2ofuuf2f/#&togetherjs=zdtFnNdG63）不知道這是否是正確的@ Goose，第一次發佈。 – gezer4000

更新您的容器類以包含white-space:nowrap;，您也可以刪除寬度。

#images { 
    height: 500px; 
    display: inline-block; 
    white-space:nowrap; 
    margin-left: 250px; 
    margin-top: -80px; 
}

如上所述，不推薦水平滾動。您也可以漂浮項目，但這隻會影響瀏覽器的視口。

來源

2016-03-09 20:17:44 Goose

div標籤寬度在添加更多內容時擴展

回答

相關問題