2011-12-28 18 views
2
<table border="1" style="width:200px;"> 
    <tr> 
    <td style="width:50px;overflow:hidden;">Who</td> 
    <td style="width:50px;overflow:hidden;">Time</td> 
    <td style="width:100px;overflow:hidden;">What</td> 
    </tr> 
<?php 
while($wr = mysqli_fetch_array($read)) { 
    echo' <tr> 
    <td>'.$wr['Who'].'</td> 
    <td>'.$wr['Time'].'</td> 
    <td>'.$wr['What'].'</td></tr>'; 
} 

?> 表が大きすぎる

$のWRを取得している[ '何']は、データベースからビッグデータを引っ張っていると私のテーブルには、200pxの上で起こっています。どうすれば修正できますか?

あなたが table-layout:fixedを使用することができますし、それはそれを強制する必要があり
+0

レイアウト用のテーブルをまだ使用している場合は+1! – Yuck

+1

彼はレイアウト用にテーブルを使用していません。彼は表形式のデータをきれいに表現するために表を使用しています...いいですか? –

+0

@MattMurrellあなたは正しいです! '

'はとても汎用性があります。レイアウトになると、データを表示するだけでなく、ファーストクラスの表示に優れています。 – Yuck

答えて

7

...

style="width:200px;table-layout:fixed" 

Here's a fiddle with appropriate css.

+0

このソリューションでは、表の内容が表の境界を "外に出す"ことがあります。 "spill over"を隠したい場合は、テーブル内の 'td'要素に" overflow:hidden "を追加することができます。 – jessegavin

+0

ありがとうございます。 – Extelliqent

0

あなたは

style='max-width:100px' 
を好きなの最大幅を設定するには、あなたのTDにCSSで max-widthプロパティを使用します
+0

これはChromeでは機能しません。 http://jsfiddle.net/nkMKt/を参照してください。 'table-layout:fixed'があります。 – jessegavin

+1

はい私はそれを試してみました。助けてくれてありがとうtho。 – Extelliqent

+0

'td'要素に置かれているとうまくいきます。 – ridecar2

関連する問題