表列的寬度和溢出設置不會在我的樣式表工作

我認爲

table.fixed { table-layout:fixed; } 
table.fixed td, th { overflow: hidden; }

：

<table class="fixed"> 
    <col width="20px" /> 
    <col width="300px" /> 
    <col width="50px" /> 
    <% @reviewers.each do |r| %> 
    <tr> 
     <td><%= r.first_name %></td> 
     <td><%= r.last_name %></td> 
     <td><%= r.email %></td> 
    </tr> 
    <% end %> 
</table>

我設定的第一列的寬度太窄測試溢出。
我設置第二列的寬度太長來測試是否設置了寬度的列。

在Firefox或Safari中溢出或列寬都不起作用。

謝謝。

更新
工作小提琴這裏：http://jsfiddle.net/46jXM/

來源

2011-05-26 Jay

+1在問題中使用_whose_。我們應該得到這個... – pixelbobby 2011-05-26 15:24:33

@pixelbobby。感覺好多了？：=]不明白引用小提琴：=/ – Jay 2011-05-26 15:29:37

我在這裏爲你創建了一個小提琴：http://jsfiddle.net/46jXM/ – pixelbobby 2011-05-26 15:40:27

您可以使用word-wrap:break-word。但是你必須指定表格的寬度。

table.fixed { table-layout:fixed; word-wrap:break-word; width:100% }

你也可以離開word-wrap:break-word，但隨後在不同列中的文字重疊。

來源

2011-05-26 15:43:15 Midas

嘿，@Midas。你是對的，......必須指定整個表的寬度，而不僅僅是列。由於我試圖隱藏溢出，我沒有使用單詞換行符。 – Jay 2011-05-26 16:02:43

表列的寬度和溢出設置不會在我的樣式表工作

回答

相關問題