`

table和div层被撑开的解决方式

阅读更多
最为实用的解决办法:

   1、如果是表格,请用:

  
table {table-layout: fixed; word-break: break-all;}


  2、如果是div层,请用:
   
   
div {
             table-layout: fixed;
             word-wrap: break-word;
             width: 加上宽度;
             overflow: hidden;    (让多出来的不显示。)  
            }


       3、用css控制图片自适应大小,代码如:
   
   
 img {
              max-width: 600px;
              width:e­xpression(this.width > 600 ? "600px" : this.width);
              overflow:hidden;
              }

     其中 max-width:600px; 在IE7、FireFox等其他非IE浏览器下最大宽度为600px,但在IE6中无效;width:600px; 在所有浏览器中图片的大小为600px,当图片大小大于600px,自动缩小为600px,在IE6中有效;而 overflow:hidden;  指将超出设置大小的部分隐藏,避免控制图片大小失败而引起的表格撑开变形。
分享到:
评论

相关推荐

    网页表格或div层在网页中被撑开解决之道

    在我们设计网页的时候,总会遇到一些不愉快的事情,最常见的莫过于在后台添加内容后才发现显示的页面被撑开,导致网页极度不美观。以前大家基本上都是设计表格,网上自然不少对于的解决方法,如今还有div css标准...

    详解在table设置max-width以及min-width兼容问题和解决方案

    在table中设置min-width和max-width...解决方案:在table外层包一个div,在div上设置min-width和max-width <div class=table-wrap> <table> <tr><td>1</td><td>2</td></tr> </table> </div> .table-wrap{width:5

    JavaScript Table行定位效果

    给tr设置relative后就能相对table定位了,看来很简单啊,但问题是这个方法ie8和ff都无效,而且存在很多问题,所以很快就被抛弃了。 ps:该效果用来做tr的拖动会很方便。 接着想到的是给table插入一个新tr,克隆原来...

    表格单元格td设置宽度无效始终有内部的内容撑开

    在做table页面时,有时对td设置的宽度是无效的,td的宽度始终有内部的内容撑开,可以设置padding,但直接设置width却无效,下面我们来具体看下这个示例: 复制代码代码如下: <div> <table border=”1px”> <tr> ”...

    table中td内容换行问题

    例如l:lovelovelovelovelovelovelovelovelovelovelovelove这样的,于是乎,我们的td就被无情的撑开了,无法换行,⊙﹏⊙ 解决方案: 一般有两种:就是td里面再套一个div,然后设置这个div的word-break:all,或者...

    46种常见的浏览器兼容性问题大汇总

    2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 ...7. firefox与IE的父元素(parentElement)的区别 3...26. 为什么FF下文本无法撑开容器的高度 3

    CSS实现垂直居中的4种思路详解

    以前一直认为单行文本垂直居中要将高度和行高设置成相同的值,但高度其实没必要设置。实际上,文本本身就在一行中居中显示。在不设置高度的情况下,行高撑开高度。 <style> .test{ line-height: 50px; ...

    asp98留言本程序

    ' 过多表格被撑开的问题2.修改当没有记录报错的问题参见index.asp 约225行开始3.添加转换HTML标记的函数 mfkiqpl删除了原来的 RemoveHTML作用 避免如 '','' 这类代码 导致网页显示错误的问题=======================...

Global site tag (gtag.js) - Google Analytics