2011-09-28 73 views
1

調整我有這樣的:表單元格時,瀏覽器調整大小

table td 
{ 
    width: 300px; 
} 
<table> 
    <tr> 
     <td>Text</td> 
     <td>Text</td> 
     <td>Text</td> 
    </tr> 
</table> 

一切都很好,如果瀏覽器是足夠大的。但是,如果我調整瀏覽器的大小並將其設置得太小,我的單元格就會調整大小。我怎樣才能讓他們保持一個固定的寬度?

這是的jsfiddle:http://jsfiddle.net/y2wHn/

回答

8

這樣做是爲了你的CSS:

table td 
{ 
    min-width: 300px; 
} 

這指定了一個最小寬度,所以它不能超過300像素較小。

amosrivera的建議也是一個好方法。

0

在表格上設置一個固定的寬度:

table { 
    width: 900px; 
} 
0

你得表設置爲指定的寬度好吧,否則它會根據瀏覽器窗口大小調整大小。

更新代碼:

table { width: 900px; } 
table td 
    { 
     width: 300px; 
     background-color: #432152; 
    } 
+0

嘿嘿好像是4人同時回答... :) –

0

怎麼樣,如果ü添加當前CSS規則:

table { 
    width: 900px; 
} 

固定表格寬度沒有?

+0

je,我們是正確的方式xD – outaTiME

相關問題