您好，欢迎来到菜鸟吧源码网-本站资源仅供学习与参考,禁止用于商业或违法行为！
  • 首 页
  • 网站源码
  • 游戏源码
  • 网站模板
  • 网站插件
  • 视频教程
  • 模板素材
  • 娱乐资源
  • 站长学堂
  • 网络资源
  • 商城
  • 下载APP
    • 公告：菜鸟吧APP于2024.9.15正式上线，请首页右上角进入下载，本站资源均来源于互联网及会员投稿发布，所有资源仅供学习参考研究使用，请勿商用或其它非法用途，商用请购买正版，否则产生一切后果由用户自行承担！谢谢！

     

    当前位置：主页 > 站长学堂 > dede教程 >
    文章内容页图片自动居中,自适应手机,宽度100%
    时间：2020-03-13 21:37 作者：菜鸟哥 浏览： 次 收藏 挑错 打印

    发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题.

    这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为100%,或留空不填,高度也留空不填.

    内容页假如这样写法

    1<div class="detail"> 这里是内容及图片</div>
    ?

    css样式可以如下写法.如果担心在电脑上浏览时,图片过大撑破页面,可以增加一个类似这种样式.max-width:650px

    ?
    查看源码
    打印代码帮助
    1.detail  img{
    2display:block;margin:0 auto;padding:10px; /* max-width:650px */
    3}
    4/*以下为兼容手机代码*/
    5@media(max-width:760px){
    6.detail  img{max-width: 100%;height: auto;width: auto\9;}
    7}
  • 本文标题：文章内容页图片自动居中,自适应手机,宽度100%
  • 本文地址：https://www.cniaoba.com/11751.html

    上一篇：织梦后台jpeg格式图片没法上传,图片浏览器中没法查看预览

    下一篇：dedecms v5.7 整合discuz x3.2 双向同步登录退出

    本文标签：菜鸟吧源码 自动居中内容文章图片手机适应需要100%宽度

    • 郑重声明：
    本站所有内容均由互联网收集整理、网友上传，并且以计算机技术研究交流为目的，仅供大家参考、学习，不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动，请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题，且不对任何资源负法律责任。
    如无法下载，联系站长索要。
    如有侵犯您的版权，请给我们来信：cainiaovip8@qq.com，我们尽快处理。

    织梦中TAG标签字数长度限制解决方法织梦中TAG标签字数长度限制解决方法
    织梦后台突然打不开或打开后空白的解决方法织梦后台突然打不开或打开后空白的解决
    织梦系统解决后台“DEDECMS安全提示”的方法织梦系统解决后台“DEDECMS安全提示”