AB模板網:專注于dede模板,織夢源碼,織夢模板,網站模板下載,dedecms模板,網站源碼,dedecms教程以及各類手機網站模板和企業網站模板分享.

織夢模板

網站模板搜索
營銷型模板 政府網站模板 自適應模板 標簽大全

注冊

織夢dedecms文章內容頁圖片自動居中,自適應手機,寬度100%

網站模板下載 www.hbjasic.com / 2020-06-23
發表文章時,需要上傳圖片,很多內容編輯器對圖片的處理是居左顯示的吧.另外,如果是響應式的HTML5網站,還存在一個圖片寬度太寬顯示不全的問題.
 
這種情況,在后臺上傳圖片時,如下圖,上傳成功后,圖片寬度默認是圖片的真實寬度,可以把他設置為100%,或留空不填,高度也留空不填.
 
 
內容頁假如這樣寫法
 
 
<div class="detail"> 這里是內容及圖片</div>
 
cs樣式可以如下寫法.如果擔心在電腦上瀏覽時,圖片過大撐破頁面,可以增加一個類似這種樣式.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;}
 
}

 
本文由AB模板網整理發布,轉載請說明出處:http://www.hbjasic.com/dedecmsjc/6311.html
本文標簽:

有問題可以加入織夢技術QQ群一起交流學習

☉首先聲明,只要是我們的vip會員全站所有資源均可以免費下載,不做任何限制(了解更多)

☉本站的源碼不會像其它下載站一樣植入大量的廣告。

☉本站提供的織夢源碼,都是做好測試好發布的,均可放心使用。

☉本站提供的織夢源碼,均帶數據及演示地址。可以在任一源碼詳情頁查看演示地址。

☉為了vip利益的最大化,我們還提供了vip贈品(了解更多

☉如有其他問題,請加網站客服QQ(9490489)進行交流。

相關教程

織夢模板_隨機Tags

智能樓宇網站模板 咨詢管理網站模板 金融機構網站模板 櫥柜展示網站模板 建站公司網站模板 木板網站模板 教程網站模板 微信小程序網站模板 禮品網站模板 婚慶公司網站模板 光源網站模板 門鎖網站模板

推薦教程

首頁 VIP專區 靜態模板 會員中心
青娱乐视频精品分类在线播放