發(fā)表文章時,需要上傳圖片,很多內(nèi)容編輯器對圖片的處理是居左顯示的吧.另外,如果是響應(yīng)式的HTML5網(wǎng)站,還存在一個圖片寬度太寬顯示不全的問題.
這種情況,在后臺上傳圖片時,如下圖,上傳成功后,圖片寬度默認(rèn)是圖片的真實寬度,可以把他設(shè)置為100%,或留空不填,高度也留空不填.
內(nèi)容頁假如這樣寫法
<div class="detail"> 這里是內(nèi)容及圖片</div>
cs樣式可以如下寫法.如果擔(dān)心在電腦上瀏覽時,圖片過大撐破頁面,可以增加一個類似這種樣式.max-width:650px
.detail img{ display:block;margin:0 auto;padding:10px; /* max-width:650px */}/*以下為兼容手機代碼*/@media(max-width:760px){.detail img{max-width: 100%;height: auto;width: auto/9;} }以上就是織夢dedecms文章內(nèi)容頁圖片自動居中,自適應(yīng)手機,寬度100%的全部內(nèi)容，希望對大家的學(xué)習(xí)和解決疑問有所幫助，也希望大家多多支持武林網(wǎng)。新聞熱點
疑難解答
圖片精選
