is_thinking 2015-08-20 04:15 采纳率: 66.7%
浏览 3104
已采纳

div中如何设置table表格图片不超过边框

为了效果明显一点我特意所有的元素都加上边框

这个是css

   #div_bottom_right_inner {
        margin-top: 5%;
        margin-left: 10%;
        margin-right: 10%;
        border:1px solid black;
        height:75%;
        padding-left: 100px;
        padding-right: 100px;
        over-flow:auto;(顺便说下,这句话去掉也不行,加上也是不对的)
    }
        #tab_img {
        height: 100%;
        width: 100%;
        border: solid thin red;
        table-layout: fixed;
        over-flow:auto;(顺和上面的一样,这句话去掉也不行,加上也是不对的)
    }
    #tab_img td {
        border: solid thin red;
    }
    #tab_img img {
        height: 100%;
        width: 100%;
    }

下面是html

 <div id="div_bottom_right_inner">
            <table id="tab_img">
                <tr>
                    <td><img src="../static/images/book.jpg" ></td>
                    <td></td>
                    <td><img src="../static/images/think.jpg" ></td>
                    <td></td>
                    <td><img src="../static/images/animals.jpg"></td>

                </tr>
                <tr>
                    <td></td>
                    <td><img src="../static/images/community.jpg"></td>
                    <td></td>
                    <td><img src="../static/images/book.jpg" ></td>
                    <td></td>

                </tr>
            </table>
    </div>

图片说明

请问各位老师,怎么设置可以让图片不超过表格,无论图片多大,如果太大就自动缩小,如果太小就自己放大。这样无论什么多大窗口都可以看到完整的图片。谢谢

展开全部

  • 写回答

3条回答 默认 最新

  • 丵鹰 2015-08-20 07:11
    关注
     #tab_img img {
            height: 100%;
            width: 100%;
        }
      这里使用 单位px 多大自己定义
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 matlab中频率调制法代码的解读
  • ¥15 ceph的对象、块、文件相关问题求解答
  • ¥50 如果使用python进行ERA5 10米风场预报检验
  • ¥15 navicat解析mysql密码
  • ¥15 SDAPI(关键词-table)
  • ¥15 unity安卓打包出现问题
  • ¥20 安装catkin时遇到了如下问题请问该如何解决呢
  • ¥15 VAE模型如何输出结果
  • ¥15 编译python程序为pyd文件报错:{"source code string cannot contain null bytes"
  • ¥20 关于#r语言#的问题:广义加行模型拟合曲线后如何求拐点
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部