是否可以使用％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指定表格單元格？

回答

相關問題