是否可以使用％AND px指定表格单元格？

给定是否可以使用％AND px指定表格单元格？

<table width="100%"> 
    <tr> 
     <td>Percentual<td> 
     <td>Percentual<td> 
     <td>Fixed 50px <td> 
     <td>Fixed size<td> 
     <td>Fixed size<td> 
    </tr> 
</table>

是否有可能与一些细胞（<td>）固定宽度（如50px, 20px ...）和其他细胞的表％（25%, 25%, 50%），其剩余的可用空间划分的？

我不能似乎能够获得这个，因为一个％采取一切可用的空间...

我只关心使它在拉斯特firefox浏览器的工作，但最新的Chrome和IE将是很好过

这并没有帮助Can you mix % and px to align a table?

来源

2011-10-14 max4ever

为什么（HTTP [您可以混合使用％和PX来对齐表格？]：// stackoverflow.com/questions/2073221/can-you-mix-and-px-to-align-a-table）帮不上忙？ JavaScript解决方案适合你吗？ – Dennis

修订

你不能用CSS独自做到这一点，你需要添加一些这样的jQuery像这样：

_width = ($('table').width() - $('#brian').width()); 

// Set widths as 'px' 
//td_width_px = (_width/3) 
//$("td:not(#brian)").css("width",td_width_px+'px'); 

// Set widths as '%'  
td_width_pCent = (((_width/3)/$('table').width()) * 100); 
$("td:not(#brian)").css("width",td_width_pCent+'%');

伊夫编码这件事给你看 - http://jsfiddle.net/ajthomascouk/sVadG/1

注：有可能是一个更好的方法来计算百分比，但我想给你们一个答案。

来源

2011-10-14 10:56:08 Alex

我看到谢谢你，我已经使用javascript（www.DataTables.net），但我不知道如何挂钩，我会试着去看看它，谢谢 – max4ever

您可以使用CSS3 flexbox。它的工作原理是这样的：

<div class="box"> 
    <div class="flex">Percentual</div> 
    <div class="flex">Percentual</div> 
    <div class="fixed">Fixed 50px </div> 
    <div class="fixed">Fixed size</div> 
    <div class="fixed">Fixed size</div> 
</div>

CSS

.box { 
    display: -webkit-box; 
    display: -moz-box; 
} 

.flex { 
    -webkit-box-flex: 1; 
    -moz-box-flex: 1; 
} 

div.fixed { 
    width: 50px; 
}

http://jsfiddle.net/DFTR4/（调整您的浏览器窗口）

来源

2011-10-14 11:15:33 Duopixel

是否可以使用％AND px指定表格单元格？

回答

相关问题