>  기사  >  웹 프론트엔드  >  表格边框的问题_html/css_WEB-ITnose

表格边框的问题_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:08:211090검색

<style type="text/css"><!-- .thin{background:#000000}.thin td{background:#FFFFFF}--></style><table border="0" cellspacing="1" cellpadding="0" width="100%" class="thin" frame=void bordercolor="#FFFFFF">          <tr>            <td width="17%"> </td>            <td width="16%"> </td>            <td width="16%"> </td>            <td width="17%"> </td>            <td width="17%"> </td>            <td width="17%"> </td>          </tr>          <tr>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>          </tr>          <tr>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>          </tr>        </table>

我制作了一个细边框的表格,但是有些单元格要拆分,有些要合并,完成后,有的表格的右边的边框在页面里显示不出来,是怎么回事?下面是拍好版后的,第三列右边的边框浏览不显示??
<table border="0" width="100%" cellspacing="1" cellpadding="0" bgcolor="#000000" frame="border" >          <tr>            <td width="15%" height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="3" bgcolor="#FFFFFF"> </td>            <td width="21%" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            <td width="14%" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td width="18%" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td width="15%" bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              			</td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" colspan="2" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td height="30" colspan="3" bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>                    <tr>            <td height="30" colspan="2" align="left" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td height="30" colspan="5" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>          </tr>          <tr>            <td height="30" colspan="2" align="center" bgcolor="#FFFFFF" class="STYLE18"> </td>            <td height="30" colspan="5" bgcolor="#FFFFFF"> </td>          </tr>          <tr>            <td height="30" colspan="2" align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td height="30" colspan="5" bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td height="30" colspan="3" bgcolor="#FFFFFF"> </td>            <td align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            </tr>        </table>


回复讨论(解决方案)

没问题,是你的单元格合并了。

我是拆分了一些表格,然后又合并了一些表格,但是在合并一些表格时候,会影响到其他一些表格,例如现在这种情况就是,合并第七行,会影响到第二行到第六行的第三列,在ie里这几个单元格的右边框不显示。

用调试工具看,要不在单元格里写好标记,看见合并错没有。

这样你不用调试工具光看是看不出来的。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.