織夢dedecms文章內(nèi)容頁圖片自動居中,自適應(yīng)手機(jī),寬度100%
來源：本站原創(chuàng)|時(shí)間：2021-08-05|欄目：dedecms|點(diǎn)擊： 次
發(fā)表文章時(shí),需要上傳圖片,很多內(nèi)容編輯器對圖片的處理是居左顯示的吧.另外,如果是響應(yīng)式的HTML5網(wǎng)站,還存在一個圖片寬度太寬顯示不全的問題.
這種情況,在后臺上傳圖片時(shí),如下圖,上傳成功后,圖片寬度默認(rèn)是圖片的真實(shí)寬度,可以把他設(shè)置為100%,或留空不填,高度也留空不填.
內(nèi)容頁假如這樣寫法
<div class="detail"> 這里是內(nèi)容及圖片</div>
cs樣式可以如下寫法.如果擔(dān)心在電腦上瀏覽時(shí),圖片過大撐破頁面,可以增加一個類似這種樣式.max-width:650px
.detail img{
display:block;margin:0 auto;padding:10px; /* max-width:650px */
}
/*以下為兼容手機(jī)代碼*/
@media(max-width:760px){
.detail img{max-width: 100%;height: auto;width: auto\9;}
}
上一篇：織夢內(nèi)容頁文檔頁,php邏輯調(diào)用dede:field.price控制顯示原價(jià)優(yōu)惠價(jià)
欄 目：dedecms
本文標(biāo)題：織夢dedecms文章內(nèi)容頁圖片自動居中,自適應(yīng)手機(jī),寬度100%
本文地址：http://mengdiqiu.com.cn/a1/dedecms/15321.html
您可能感興趣的文章
- 08-05Dedecms文件目錄結(jié)構(gòu)解說（能知道織夢每個文件有什么用）
- 08-05Dedecms5.7版ckeditor網(wǎng)頁編輯器添加中文字體
- 08-05織夢DedeCMS獲取當(dāng)前欄目文章數(shù)量
- 08-05織夢模板如何添加和調(diào)用自定義字段的方法
- 08-05DedeCMS后臺模塊列表顯示空白的解決辦法
- 08-05DedeCMS自定義字段圖片調(diào)用的問題{dede:img ...}解決方法
- 08-05織夢DedeCMS調(diào)用顯示discuz里面主題的方法
- 08-05限制織夢會員每天投稿數(shù)量方法
- 08-05常用的織夢dedecms安全設(shè)置集合整理
- 08-05織夢教程：后臺編輯器添加中文字體方法
