校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 網站建設 > 建站知識 > 小技巧:讓文章的大圖片不破壞布局

小技巧:讓文章的大圖片不破壞布局

POST TIME:2017-10-25 10:37

解決頁面出現圖片過大、撐破表格或不顯示超出部分圖片的問題

相信很多朋友,都曾遇到過,發表一篇普通文章,如果圖片寬度超過內容區域大小,圖片就會把表格撐大,打亂面頁的布局,懂CSS的朋友能會通過css來定義,讓超出的部分隱藏起來,但這樣,圖片的美觀性就很差,顯示不出來超出的部分,論壇中還有一些朋友,用css方法,當圖片過大后,將圖片自動縮小,但是我試過,因為CSS對各個瀏覽器存在兼容問題,我在IE6下測試,一點作用也沒有。下面給大家介紹一下我在DEDECMS里的方法(不用修改源程序,只需要在模板里使img加上JS控制代碼,然后將原始圖片等比例縮小)。

第一步:

在img加上便簽,還要去掉height屬性。

修改內容頁模板的{dede:field.body /}為
{dede:field.body runphp='yes'}
$content = @me;
$mode1 = "/<img/";
$mode2 = "/height=\"(\d+)\" /";
$str1 = "<img onload=\"javascript:ImgReSize(this)\"";
$content = preg_replace($mode1,$str1,$content);
$content = preg_replace($mode2,"",$content);
@me = $content;
{/dede:field.body}

第二步:

將下面代碼插入到<head></head>中,注意那個670的數值,這個值意思是當圖片超過這個數值,自動將圖片縮小,寬度縮小為670,高度自動按比例縮小,這樣不會變型。

<script language='javascript'>
function ImgReSize(e)
{

if(e.width>670) // 670可根據你文章的內容區域大小,可調整
{
e.width=670; // 等同上面你設的那個數值
e.style.width="";
}
if(e.height>10)
{
e.style.height="";
}

}
</script>

到這里,就完活了,如果你懂CSS最好找到對應的CSS,將它的寬設定好,然后定義一下,超出部分隱藏,因為有時候,文章在加載的過程中,顯示的是你原始大小,加載完成后,JS才會起作用,將圖片縮小。



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
国产精品国产三级国产| 99久久亚洲一区二区三区青草 | 国产精品影音先锋| 精品国精品自拍自在线| 国产一区二区影院| 国产精品麻豆网站| 欧美天天综合网| 日韩精品一级二级| 26uuuu精品一区二区| 国产黄色精品网站| 亚洲欧美精品午睡沙发| 欧美日韩成人综合在线一区二区| 蜜臀精品久久久久久蜜臀| 精品福利av导航| 91视频在线观看| 日韩vs国产vs欧美| 国产精品青草综合久久久久99| 色先锋资源久久综合| 午夜精品国产更新| 国产调教视频一区| 欧美三级电影一区| 国产福利电影一区二区三区| 欧美丝袜丝交足nylons| 久久综合九色欧美综合狠狠| 精品福利二区三区| 狠狠v欧美v日韩v亚洲ⅴ| 无吗不卡中文字幕| 中文字幕亚洲一区二区va在线| 亚洲女同女同女同女同女同69| 亚洲在线视频网站| 欧美日韩免费观看一区三区| 亚洲一区在线免费观看| 欧美日韩免费观看一区三区| 欧美日韩国产一区二区三区地区| 91精品综合久久久久久| 欧美理论电影在线| 欧美亚洲图片小说| 亚洲免费色视频| 午夜精品久久久久久久久久久| 91丨porny丨户外露出| 国产日韩成人精品| 成人国产亚洲欧美成人综合网 | 精品国产a毛片| 国产麻豆9l精品三级站| 精品国产一区二区三区av性色| 午夜精品福利视频网站 | 国产女人18水真多18精品一级做| 蜜乳av一区二区| 久久女同互慰一区二区三区| 国内精品在线播放| 一区二区在线观看av| 制服丝袜在线91| 美女国产一区二区| 国产精品理伦片| 欧美写真视频网站| 亚洲第一激情av| 精品国产91洋老外米糕| 色综合色狠狠综合色| 青草国产精品久久久久久| 亚洲国产精品ⅴa在线观看| 一本一本久久a久久精品综合麻豆| 亚洲网友自拍偷拍| 亚洲精品中文在线影院| 成人爱爱电影网址| 国产一区二区不卡在线| 亚洲成人一二三| 一区二区三区四区中文字幕| 日韩免费高清av| 日本韩国欧美国产| 成人蜜臀av电影| 欧美一级高清片| 国产一区二区在线电影| 免费看黄色91| 看电影不卡的网站| 日韩精品乱码av一区二区| 中日韩av电影| 日本一区二区成人| 久久久天堂av| 国产精品国产三级国产a| gogo大胆日本视频一区| 成人做爰69片免费看网站| 看电影不卡的网站| 国产一区二区三区香蕉| 国产成a人亚洲精| 国产精品自拍一区| 不卡一区二区三区四区| 日本一区免费视频| 91精品中文字幕一区二区三区| 精品视频资源站| 26uuu久久天堂性欧美| 精品国产伦一区二区三区免费| 精品国产乱码久久久久久闺蜜| 26uuu成人网一区二区三区| 亚洲国产高清aⅴ视频| 久久精品一区二区| 91麻豆蜜桃一区二区三区| 国产精品综合一区二区| 在线视频一区二区免费| 欧美一区二区在线播放| 欧美日韩一区二区电影| 久久免费看少妇高潮| 日韩一区日韩二区| 久久国产麻豆精品| 9191国产精品| 视频在线观看91| 日韩精品三区四区| 色综合色综合色综合色综合色综合| 日韩精品一区二区三区swag| 亚洲精品欧美在线| 国产成人精品一区二区三区四区| 一本一道波多野结衣一区二区| 日韩一级在线观看| 亚洲伊人色欲综合网| 99久久精品国产精品久久| 丝袜脚交一区二区| 91精品国产综合久久久蜜臀图片| 成人午夜视频在线观看| 国产成人免费视| 日韩三级视频在线看| 亚洲色图欧美在线| 日韩成人一级大片| 99re66热这里只有精品3直播| 国产性做久久久久久| 粗大黑人巨茎大战欧美成人| 精品国产一区二区三区忘忧草 | 亚洲午夜激情网页| 3d成人h动漫网站入口| 国产精品一区在线| 国产精品灌醉下药二区| 欧美三级日韩三级| 久久久国产精品午夜一区ai换脸| 成人永久aaa| 日韩中文字幕av电影| 中文字幕高清不卡| 日韩久久久精品| 91久久精品日日躁夜夜躁欧美| 久草这里只有精品视频| 亚洲素人一区二区| 久久久久久日产精品| 欧美日韩国产影片| 色婷婷综合久久| 国产精品1区2区3区在线观看| 午夜欧美电影在线观看| 国产午夜精品久久久久久久 | 国产精品自产自拍| 日韩精品三区四区| 欧美色涩在线第一页| 韩国女主播成人在线| 一区二区三区视频在线看| 欧美日本在线看| 国产精品伊人色| 亚洲123区在线观看| 久久精品在线免费观看| 欧美性xxxxxx少妇| 国产成人免费网站| 日本不卡视频在线| 成人免费在线视频| 一区二区三区免费观看| 一区二区三区四区高清精品免费观看| 中文天堂在线一区| 亚洲成精国产精品女| 日韩国产一二三区| 国产精品夜夜嗨| 在线观看av一区| 成人深夜视频在线观看| 国内精品免费在线观看| 蜜桃在线一区二区三区| 亚洲自拍偷拍麻豆| 亚洲第一久久影院| 香蕉久久夜色精品国产使用方法| 中文字幕第一区二区| 久久久久久**毛片大全| 精品成人私密视频| 久久久久久久综合狠狠综合| 欧美一级欧美三级在线观看| 欧美性色欧美a在线播放| 欧美日韩一区视频| 欧美一区二区久久| 久久综合给合久久狠狠狠97色69| 日韩一区二区精品在线观看| 制服丝袜中文字幕一区| 欧美大片在线观看一区| 久久精品亚洲麻豆av一区二区| 久久久噜噜噜久噜久久综合| 国产欧美精品在线观看| 久久久久国产精品人| 亚洲天堂2016| 婷婷成人激情在线网| 激情综合色综合久久综合| 日本丰满少妇一区二区三区| 91精品婷婷国产综合久久竹菊| 久久精品人人做人人爽人人| 亚洲成人一区二区在线观看| 不卡欧美aaaaa| 久久综合狠狠综合久久综合88| 国产精品午夜久久| 国产一区二区成人久久免费影院 | 国产精品色呦呦| 久久aⅴ国产欧美74aaa| 91久久奴性调教|