Heim  >  Artikel  >  Web-Frontend  >  表格边框的问题_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:08:211050Durchsuche

<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里这几个单元格的右边框不显示。

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

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn