Firefox rowspan问题

我需要一些在firefox中使用rowspan的帮助。我需要1个大单元格和30个行（每行7个单元格）较小单元格旁边的大单元格。它在Chrome中的工作原理与我想要的完全一样，但FF可以拉伸所有较小的单元格，以使整个桌子呈矩形或方形。Firefox rowspan问题

在http://stinak.com/?s=1&u=1遇到此问题（如集合/ S/S 2012）

我想迫使FF使这些表看起来相同的Chrome。这意味着即使行数小于rowspan中设置的行数，也会对齐顶部的所有行。

来源

2011-08-29 Madr

我不知道这个规格有什么要说的，但Chrome的行为看起来不对。我的其他浏览器（Opera，Firefox和Internet Explorer）都不会以这种方式呈现表格。

我觉得这是比较容易摆脱表：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head><title></title> 
<style type="text/css"><!-- 
div.gallery{ 
    width: 750px; 
    font-size: 0; 
    overflow: hidden; 
} 
div.gallery div.large{ 
    float: left; 
    width: 400px; 
} 
div.gallery div.thumbs{ 
    float: left; 
    width: 350px; 
} 
div.gallery div.thumbs div{ 
    display: inline-block; 
} 
--></style> 
</head> 
<body> 


<div class="gallery"> 
    <div class="large"><img src="http://placehold.it/400x600"></div> 

    <div class="thumbs"> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 

      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 

      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 

      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 

      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
      <div><a href="javascript:;"><img src="http://placehold.it/50x75"></a></div> 
     </div> 
</div> 

</body> 
</html>

实现精确的像素布局与表可以是一个噩梦。

来源

2011-08-29 16:40:34

看来divs在这个特定问题上比表格更好，反正谢谢。 – Madr

@Madr - 这实际上是一个普遍问题。在表格中设置特定的单元格高度总是几乎不可能。 –

Firefox rowspan问题

回答

相关问题