IE下table框 隐藏的问题…… 又涨姿势了

最新推荐文章于 2024-09-09 07:30:00 发布
转载 最新推荐文章于 2024-09-09 07:30:00 发布 · 266 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/lyc819/blog/192923
文章标签：

#shell

本文详细介绍了HTML中如何使用frame属性来控制表格边框的显示与隐藏，包括只显示上边框、下边框等不同需求的具体实现方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

为什么80%的码农都做不了架构师？>>>   hot3.png

COPY下来一看就知道了。。。

前提IE... 


<html>

<head>
<title>表格边框的隐藏</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
body {
font-family: "宋体";
font-size: 12px;
margin-top : 4;
}
.t {
border: #000000; border-style: solid; border-width: 1px
}
td {
font-family: "Tahoma", "MS Shell Dlg"; font-size: 12px
}
textarea {border: 1 solid #000000"}
</style>
</head>


<body bgcolor="#FFFFFF" text="#000000">
<center>
  <table width="600" border="0" cellspacing="0" cellpadding="0" height="30">
    <tr> 
      <td><b>表格边框的隐藏</b></td>
    </tr>
  </table>
  <table width="600" border="0" cellspacing="0" cellpadding="8" class="t">
    <tr> 
      <td> 
        <table border="1" width="200" cellpadding="0" cellspacing="0">
          <tr align="center"> 
            <td>普</td>
            <td>表</td>
          </tr>
          <tr align="center"> 
            <td>通</td>
            <td>格</td>
          </tr>
        </table>      </td>
      <td>这是一普通的表格</td>
    </tr>
    <tr> 
      <td> <br>
        <table width="200" border="1" cellspacing="0" cellpadding="0" frame=above>
          <tr align="center"> 
            <td>头</td>
            <td>上</td>
          </tr>
          <tr align="center"> 
            <td>有</td>
            <td>天</td>
          </tr>
        </table>
        <br>      </td>
      <td>只显示上边框</td>
    </tr>
    <tr> 
      <td> 
        <table width="200" border="1" cellspacing="0" cellpadding="0" frame=below>
          <tr> 
            <td colspan="2" align="center">脚下有地</td>
          </tr>
        </table>      </td>
      <td>只显示下边框</td>
    </tr>
    <tr> 
      <td> <br>
        <table width="200" border="1" cellspacing="0" cellpadding="0" frame=vsides>
          <tr> 
            <td align="center">上不着天</td>
            <td>&nbsp;</td>
          </tr>
          <tr> 
            <td>&nbsp;</td>
            <td align="center">下不着地</td>
          </tr>
        </table>
        <br>      </td>
      <td>只显示左、右边框</td>
    </tr>
    <tr> 
      <td> 
        <table border="1" cellspacing="0" cellpadding="0" frame=hsides width="200">
          <tr> 
            <td align="center">去掉两边</td>
            <td></td>
          </tr>
          <tr> 
            <td></td>
            <td align="center">只剩“王”字</td>
          </tr>
        </table>      </td>
      <td>只显示上、下边框</td>
    </tr>
    <tr> 
      <td><br>
        <table width="200" border="1" cellspacing="0" cellpadding="0" frame=lhs>
          <tr> 
            <td width="100" align="center">只</td>
            <td width="100" align="center">有</td>
          </tr>
          <tr> 
            <td align="center">左</td>
            <td align="center">边</td>
          </tr>
        </table>
        <br>      </td>
      <td>只显示左边框</td>
    </tr>
    <tr> 
      <td> 
        <table width="200" border="1" cellspacing="0" cellpadding="0" frame=rhs>
          <tr> 
            <td width="100" align="center">只</td>
            <td width="100" align="center">有</td>
          </tr>
          <tr> 
            <td align="center">右</td>
            <td align="center">边</td>
          </tr>
        </table>      </td>
      <td>只显示右边框</td>
    </tr>
    <tr>
      <td><br>
          <table width="200" border="1" cellspacing="0" cellpadding="0" frame=void>
            <tr>
              <td align="center">四周</td>
              <td  align="center">去掉</td>
            </tr>
            <tr>
              <td align="center">只留</td>
              <td align="center">中间</td>
            </tr>
        </table></td>
      <td>不显示任何边框</td>
    </tr>
    <tr>
      <td><table width="200" border="1" cellspacing="0" cellpadding="0" rules=cols>
        <tr>
          <td width="48" align="left">3</td>
          <td width="75" align="left">隐藏</td>
          <td width="69"  align="left">纵向</td>
        </tr>
        <tr>
          <td align="left">3</td>
          <td align="left">分隔线</td>
          <td align="left">&nbsp;</td>
        </tr>
      </table></td>
      <td>rules=cols</td>
    </tr>
    <tr>
      <td><table width="200" border="1" cellspacing="0" cellpadding="0" rules=none>
        <tr>
          <td width="48" align="left">3</td>
          <td width="75" align="left">什么</td>
          <td width="69"  align="left">都</td>
        </tr>
        <tr>
          <td align="left">3</td>
          <td align="left">没有</td>
          <td align="left">&nbsp;</td>
        </tr>
      </table></td>
      <td>rules=none</td>
    </tr>
    <tr>
      <td><table width="200" border="1" cellspacing="0" cellpadding="0" rules=rows>
        <tr>
          <td width="48" align="left">3</td>
          <td width="75" align="left">隐藏</td>
          <td width="69"  align="left">横向</td>
        </tr>
        <tr>
          <td align="left">3</td>
          <td align="left">分隔线</td>
          <td align="left">&nbsp;</td>
        </tr>
      </table></td>
      <td>rules=rows </td>
    </tr>
    <tr>
      <td><table width="200" border="1" cellspacing="0" cellpadding="0" rules=rows>
        <tr>
          <td width="48" align="left">3</td>
          <td width="75" align="left">隐藏</td>
          <td width="69"  align="left">横向</td>
        </tr>
        <tr>
          <td align="left">3</td>
          <td align="left">分隔线</td>
          <td align="left">&nbsp;</td>
        </tr>
      </table></td>
      <td>rules=rowa</td>
    </tr>
    <tr> 
      <td colspan="2">
        <hr size="1" color=black>
        表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。<br>
        只显示上边框 &lt;table frame=above&gt;<br>
        只显示下边框 &lt;table frame=below&gt; <br>
        只显示左、右边框 &lt;table frame=vsides&gt;<br>
        只显示上、下边框 &lt;table frame=hsides&gt;<br>
        只显示左边框 &lt;table frame=lhs&gt;<br>
        只显示右边框 &lt;table frame=rhs&gt;<br>
        不显示任何边框 &lt;table frame=void&gt;</td>
    </tr>
  </table>
</center>
</body>
</html>




转载于:https://my.oschina.net/lyc819/blog/192923

[IE兼容性] Table 之边框
oscar999的专栏
12-05 1万+
table 是HTML 中常用的标签。 但是在IE 8 以下的浏览器中会出现边框丢失的状况
Bootstrap table列内容过长，显示固定长度，超过内容隐藏
热门推荐
猿小白的博客
10-04 2万+
​​​​​​今天在使用bootstrap的时候，某一列的内容长度过于长，导致table表格显示错位，非常的不美观，因此，觉得想一个办法，将其所在列的宽度设置为定值，令其超过指定长度的时候，隐藏超过指定长度的内容，过于长的部分在某位用...显示，提高用户的体验度，最后在鼠标移入在单元格的时候，能够显示全部信息。 解决办法：在解决该问题中，我找到了以下2种办法，亲测有效 第一种办法:在table...
IE浏览器下td边框消失
pan396365044的博客
08-08 1219
IE浏览器当td设置了背景色或者position:relative后导致边框消失，如下图 解决方法： （1）去除背景色 （2）td里再写个div，然后将position:relative设置到div上 （3）用兼容IE8、9、10的hack，hack符：\0，必须写在属性值与分号之间，中间不加空格（参考链接：https://www.cnblogs.com/qiujianmei/p/71...
隐藏表格一列（ie）
凤舞九天
01-17 127
function hide(){ document.getElementById("colGroup1").childNodes[1].style.display = "none"; } function show(){ document.getElementById("colGroup1").childNodes[1].style.display = "block...
IE浏览器table中的TD无数据边框不显示问题
da_zhuang的专栏
03-29 2556
以下是几种解决方案 1、在单元格中加入一个空格。这样:     2、直接在table里这样写: table的TD里面添加 style="empty-cells : show;“   3、table { caption-side: top; width: auto; border-collapse: collapse; empty-cells: hide; }或者
IE中table的边框问题
王燕欣的博客
07-06 1322
出现的问题是因为在td、tr、table、tbody 的父元素增加了overflow：hidden这个属性所以去掉父元素的css 就会正常显示。
el-table单选并隐藏全选框
sumiao64427的博客
07-02 2606
elementUI中el-table实现单选且隐藏全选框
使用LLaMA Factory微调时出现ValueError: Failed to convert pandas DataFrame to Arrow Table from file的解决方案
最新发布
weixin_43178406的博客
09-09 15万+
本文主要介绍了使用LLaMA Factory微调时出现ValueError: Failed to convert pandas DataFrame to Arrow Table from file的解决方案，希望能对使用LLaMA Factory的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
火狐下table中创建form导致两个table之间出现空白
12-12
在<FORM>中加CSS <table> ……. </table> <... </table>会出现问题 在网上看到过另一种说法，在table中创建form表单是不符合DOM标准的，会导致post失效，以及js数据传输失效。 特此铭记！@
隐藏<tr>标签后，如何在IE中显示出来且不变形的方法
ma451152002的专栏
05-18 1078
隐藏标签后，如何在IE中显示出来且不变形的方法 (1)默认隐藏 (2)显示 $("#signUrlId").css('display','');//显示 注意： 不能实现下面的代码，这样在IE下表格会变形 $("#signUrlId").css('display','block');//显示 ， 此处不适用
表格中边框和分隔线的显示控制
xmz1304的专栏
12-02 1300
1·表格的分隔线可以隐藏       可以隐藏横向的分隔线         可以隐藏纵向的分隔线         可以隐藏横向和纵向的分隔线2·表格中边框的显示             只显示上边框       只显示下边框       只显示左、右边框       只显示上、下边框       只显示左边框       只显示右边框       不显示任何边框  
IE8,9,10下table th不显示边框解决方法
lijie627239856的博客
09-28 2419
th, td{ background-clip: padding-box; /*背景被裁剪到内边距框*/ position:relative; } 转自:http://www.cnblogs.com/bldf/p/6638529.html
table中 td无内容不显示边框（IE）
miaoyuemy的博客
11-23 1299
以下是几种解决方案 1、在单元格中加入一个空格。这样: &lt;td&gt;&amp;nbsp;&lt;/td&gt;   2、直接在table里这样写:&lt;table border="0" cellspacing="0" style="border-collapse:collapse"&gt;   3、table { caption-side: top; width: au
html th打印下边框,html – 打印时带有Rowspan的IE10边框问题
weixin_39747293的博客
06-30 345
任何人都可以解释为什么从IE10打印时,以下HTML表格中的边框将不会显示在打印输出上？即使你没有答案,还有其他人注意到这种行为吗？我一直在打印到Microsoft XPS Viewer,但在打印到打印机时也不会显示.Broken IE10 Print Pagetable {border: 3px solid black;font-size: 8pt;font-family: Arial, Hel...
ie8表格框线不显示问题！！！
supershuyun的博客
05-17 2952
由于个别用户在使用ie8，所以页面必须兼容ie8，ie8大家都懂的。。。先说问题：正常浏览器：IE8：惊不惊喜、意不意外但是只需要在table上加红色这个属性，就可以解决&lt;table style="table-layout:fixed;"&gt; &lt;tr&gt; &lt;td class="tdclass" style="border-top-color: #f...
JS控制显示或隐藏TR
baidu_32911889的博客
08-09 2868
1.使用visibility属性，看不见但页面位置仍被占用 document.getElementById("控件ID").style.visibility="hidden"; document.getElementById("控件ID").style.visibility="visible"; 2.使用display属性，页面位置不被占用 document.getElementById...
解决Td内容为空时不显示边框的问题-兼容IE、firefox、chrome
高金JE博客
05-15 365
创建好table，给table、td等设置好边框后，无意间发现td里没有内容的时候，边框竟然不会显示。开始的时候很懒，就在每个td里都先加一个空格， 然后再把内容加到这个空格后面，这些，就算本身没有内容，但是有了空格，边框就会被显示。 千万不要学习上面这种处理方法及处理态度 遇到问题还是要找直接的解决方法，而不是找空子。上面这种方法虽然解决了问题，但是代码看起来很乱，而且如果你用的表格多了，...
自己整理的一些前端面试笔试题（HTML、CSS、JS、Angular）
灿灿大王搭建的黄金屋
04-12 3815
1、display的值和含义： block块级元素：占满整行的元素，它的长宽高、外边距、内边距都是可变的。宽度缺省是它容器的100%，除非设定一个宽度。它还可以容纳内联元素和其他块元素； 常见的block元素：div,dl,form,h1,h2,h3,h4,h5,h6,hr,p,ul,table,menu inline行级元素：内容决定它的占位，它的长宽高、外边距、内边距不可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值