將動態文本擬合到表格

-2

我無法在Google和堆棧溢出上找到任何答案，瞭解如何將文本放入表格中，以便將文字轉到下一行。我發現的唯一解決方案几乎很有幫助：「修復了表格單元格，但文本仍在頁面上運行」。將動態文本擬合到表格

當文本短： http://puu.sh/d4IQ2/7a7c95512c.jpg

當文本太長： http://puu.sh/d4ITM/6edb003a7c.jpg

如何讓這個在表中的空間是基於固定窗口的大小，然後如果文字太長，會增加表格行的高度並進入下一行。

例如，我的表是這樣的：

+------+-----+-----+--------+ 
| 12345|12345|12345| 12345 | 
|------+-----+-----+--------| 
| 12345| 123 | 1 | 123 | 
|------+-----+-----+--------| 
|123456|12345| 123 |12345678| 
|------+-----+-----+--------| 
| 12345| 123 |12345| 1234 | 
+-----+-----+-----+---------+

時，我想它是這樣的：

+-----+-----+-----+-----+ 
|12345|12345|12345|12345| 
|-----+-----+-----+-----| 
|12345| 123 | 1 | 123 | 
|-----+-----+-----+-----| 
|12345|12345| 123 |12345| 
| 6 |  |  | 678 | 
|-----+-----+-----+-----| 
|12345| 123 |12345| 1234| 
+-----+-----+-----+-----+

的style.css：

table, th{ border: 1px solid black; border-collapse: collapse; } th { table-layout:fixed padding: 15px; }

的PHP代碼太長了，我不想列出所有的功能，行和文本在ce中LLS被環，我從SQL數據庫中獲取的數據：

<table style = "width = 100%"> 
    <tr> 
    <th> looped text </th> 
    </tr> 
</table>

來源

2014-11-25 Wang

一個「最大寬度」應該做的伎倆，檢查我的答案在下面.. – 2014-11-25 08:28:20

同樣設置td尺寸爲每個td標籤

<td width="25%">Name</td>

來源

2014-11-25 08:25:22

給列在CSS中指定寬度。這應該做的伎倆。

來源

2014-11-25 08:25:45 Casper

-1

嗯，我認爲一個解決方案是爲您的表設置最大寬度樣式。這樣表格寬度不會超過給定的最大寬度，唯一剩下的值是去下面。

<table style="max-width: 500px; width: 500px;"> 
</table>

另外，指定寬度。當然，風格應該在外部的CSS文件，但你明白了。希望它有幫助。

table{ 
width: 500px; 
max-width:500px 
}

來源

2014-11-25 08:26:46

在CSS文件中添加此

td { 
     width : 300px !important; 
    }

來源

2014-11-25 08:30:17

應用table-layout:fixed表元素（不是個），並添加word-wrap:break-word到TH/TD的。

http://jsfiddle.net/5rz1fmvk/

來源

2014-11-25 08:32:22

-1

嘗試日和用於TD把CSS文字換行固定witdh：打破字;下面的示例。你可以改變th的寬度。

table{ 
    width:100%: 
    } 
    th{ 
     width:30%; 
    } 
    td{ 
    word-wrap: break-word; 
    }

來源

2014-11-25 09:08:51

將動態文本擬合到表格

回答

相關問題