文章內容頁圖片自動居中,自適應手機,寬度100%,織
導讀:織夢文章織夢文章發表文章時,需要上傳圖片,很多內容編輯器對圖片的處理是居左顯示的吧.另外,如果是響應式的HTML5網站,還存在一個圖片寬度太寬顯示不全的問題. 這種情況,在后臺dede手機模板dede會員中心模板。
發表文章時,需要上傳圖片,很多內容編輯器對圖片的處理是居左顯示的吧.另外,如果是響應式的HTML5網站,還存在一個圖片寬度太寬顯示不全的問題.
織夢的模板
這種情況,在后臺上傳圖片時,如下圖,上傳成功手機模板dede后,圖片寬度默認是圖片的真實寬度,可以把他設置為100%,或留空不填,高度也留空不填.
內容頁假如這樣寫法
<div class="detail"> 這里是內容及圖片</div>
cs樣式可以如下寫法.如果擔心在電腦上瀏覽時,圖片過大撐破頁面,可以增加一個類似這種樣式.max-width:650px
.detail img{
&夢織模板nbsp;display:block;margin:0 auto;padding:10px; /* max-width:650px */
}
/*以下為兼容手機代碼*/
@media(max-width:760px){
.detail img{max-width: 100%;height: auto;width: auto\9;}
}
相關dede手機模板dede會員中心模板。
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-18 ，文章文章內容頁圖片自動居中,自適應手機,寬度100%,織主要講述文章內容,寬度,手機網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_28832.html
