Tràn: tự động không hoạt động trong Firefox

Question

Tôi có một bảng. <td> của nó có overflow: auto.

Chiều rộng được đặt là 100px. Trong Firefox chỉ, văn bản vượt quá 100px là không phải là bị ẩn và được thay bằng thanh cuộn.

Làm cách nào để ẩn nội dung và có thanh cuộn khi nó vượt quá chiều rộng của vùng chứa?

http://jsfiddle.net/be6tM/10/

Answer 1

câu hỏi này từ here có thể giải quyết vấn đề của bạn

nickb câu trả lời: "Thử gói nó trong một <div>. Tôi chắc chắn rằng các thuộc tính tràn không được định nghĩa cho một yếu tố <td>, ít nhất là trong HTML4 nó không phải."

cố gắng để đưa bạn overflow:auto đến wrapper hy vọng điều này có thể giúp bạn

pre, div { 
    width:100%; 
    overflow: auto !important; 
} 

làm việc demo

Answer 2

Cách dễ dàng hơn để làm điều này sẽ để thêm video này vào Html

<td class="first"> 
    <div>Don ovonMrLongNameIsMe!!!</div> 
</td> 

và điều này cho CSS

div { 
    overflow:auto;  
} 

td { 
    border: 1px solid rgb(0,0,0); 
    min-width: 100px; 
    max-width: 100px; 
} 

làm việc Ví dụ:

div { 
 
     overflow:auto;  
 
    } 
 

 
    td { 
 
     border: 1px solid rgb(0,0,0); 
 
     min-width: 100px; 
 
     max-width: 100px; 
 
    }

<table>  
 
    <tr> 
 
    <td class="first"> 
 
     <div>Don ovonMrLongNameIsMe!!!</div> 
 
    </td> 
 
    </tr> 
 
</table>