HTM表寬度擴張難度

我一直有在我的網頁的這部分困難，在這裏你可以看到很多的測試的話。我試圖做的是使td自動的高度，所以無論何時提交一條消息，其寬度不會擴大。我已經限制它的寬度屬性，但它不工作，我自己也嘗試在CSS中有顯示塊，但它並沒有在所有幫助，什麼是解決這一問題的最好方法是什麼？這裏是圖像： http://img209.imageshack.us/img209/4439/errrorx.png HTM表寬度擴張難度

這是我的表碼

<table class="itemlist" width="100%" cellspacing="1" cellpadding="4"> 
    <tr class="det_msg"> 
     <td><?php echo $detail ?></td> 
    </tr> 
</table>

，這裏是我的CSS

.det_msg td{ 
    margin:6px; 
    width:920px; 
    color: #fff; 
    border-bottom:1px solid #333; 
    font-family:Arial; 
    font-size: 12px; 
    color: #000000; 
    margin-left:100px; 
    padding:50px; 
}

來源

2013-02-06 Kelvin Magtalas

你爲什麼要使用這樣的表？它似乎不像你顯示錶格數據。 – millimoose

這裏是我的解決方案：

.itemlist { 
    table-layout:fixed; 
} 

.det_msg td{ 
    word-wrap: break-word; 
    word-break: break-all; 
}

的jsfiddle演示：http://jsfiddle.net/NkfNf/1/

但實際上，你的問題是，你插入一個令人難以置信的長「字」（無空格）到TD。瀏覽器很難正確地打破它，所以它不會被打破，顯示在一行中。

，這樣，更好的解決方案：確保你不會在網頁顯示這樣的「長字」。

來源

2013-02-06 16:25:18

非常感謝你!!!!它現在工作！什麼更好的替代長詞？ –

在Firefox上修復問題 –

插入一些空格。我無法弄清楚一個場景，可能會產生這樣一個「長字」，就像成千上萬的字符一樣。 –

-1

<table class="itemlist" width="100%"... <代碼---不讓它100％，使其成爲一個價值

來源

2013-02-06 16:15:13

沒有任何反應它仍保持着這種 –

HTM表​​寬度擴張難度

回答

相關問題

HTM表寬度擴張難度