HTMLテーブルをデフォルトのページサイズより大きくするにはどうすればいいですか

HTMLとPHP（コンテンツ用のPHP）で作成されたテーブルがあり、サブセクションの1つに文の長さがあるため私は画面の外に行くために幅が必要です（スクロールは高さだけでなく幅も変わります）。HTMLテーブルをデフォルトのページサイズより大きくするにはどうすればいいですか

いずれかの列の印刷されたテキストは、Androidアプリの完全なスタックトレースであり、列の長さが短いため、テキストはその内部に「詰め込まれます」。

テーブルの幅を広げて画面外に出るようにするには、下のスクロールバーが表示されますか？別の列も追加して、十分なスペースを確保する必要があります。

さらに、6つの列のうちの1つのテキストの高さのため、他の内容は列の中央に設定されます。すべてのテキストを他の列とは独立して先頭から始めるにはどうすればよいですか？

重要コード：

<table border="1" style="border:2px solid black;"> 
    <thead> 
     <tr> 
      <td>time</td> 
      <td>android_version</td> 
      <td>device_id</td> 
      <td>app_version</td> 
      <td>stacktrace</td> 
      <td>package</td> 
     </tr> 
    </thead> 
    <tbody> 
     <?php 
      //etc database stuff 
      while($row = mysql_fetch_assoc($result)) { 
     ?> 
      <tr> 
       <td><?php echo $row['time'];?></td> 
       <td ><?php echo $row['android_version'];?></td> 
       <td ><?php echo $row['device_id'];?></td> 
       <td ><?php echo $row['app_version'];?></td> 
       <td ><?php echo $row['stacktrace'];?></td><!-- This is the part that is very long. The other text is centered based on the length of this. --> 
       <td><?php echo $row['package'];?></td> 
      </tr> 
     <?php 
     } 
     ?> 
    </tbody> 
</table>

私はそれを探してみましたが、私は唯一のデフォルト表示画面外に行くのテーブルに関連する質問が見つかりましたが、彼らはそれを望んでいませんでした。私は、画面がそうあなたの質問に幅

出典

2016-07-11 Zoe

よりwidth多くを与えることができます。

あなたが1行に表示する必要がある場合 - あなたはそれのためにのみいくつかの特定の幅を必要とする場合white-space: nowrap;
を使用する - セル使用vertical-align: topのトップにすべての要素を揃えるためにmin-width: #pxか、単にwidth: #px;

を使用しています。

td { 
 
    vertical-align: top; 
 
} 
 
td:nth-child(5) { 
 
    /*white-space: nowrap;*/ 
 
    min-width: 500px; 
 
}

<table border="1" style="border:2px solid black;"> 
 
    <thead> 
 
    <tr> 
 
     <td>time</td> 
 
     <td>android_version</td> 
 
     <td>device_id</td> 
 
     <td>app_version</td> 
 
     <td>stacktrace</td> 
 
     <td>package</td> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 

 
    <tr> 
 

 
     <td>1975-01-01 
 
     <br/>1975-01-01 
 
     <br/>1975-01-01</td> 
 
     <td>5.3</td> 
 
     <td>9/11</td> 
 
     <td>0.1.001</td> 
 
     <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec tortor vitae augue tempus egestas. Maecenas dictum dui vitae nisl tempus porta. Fusce ac nunc nec magna gravida sodales eget sed massa. Integer dapibus pulvinar tortor, ut ultrices 
 
     nulla convallis vitae. Aenean egestas nunc sem, et efficitur est viverra at. Curabitur ipsum ante, commodo ac facilisis vitae, lobortis vitae felis. Curabitur dapibus faucibus erat, vitae consectetur est. Proin rutrum purus vel massa faucibus 
 
     elementum. Vivamus venenatis a ante nec fringilla. Phasellus volutpat eu erat et placerat. Quisque diam felis, mollis vel auctor et, dapibus sed nisi. Maecenas vitae nisi leo. Proin aliquam malesuada nisl, sed imperdiet ligula porta non.</td> 
 
     <td>Nop!</td> 
 

 
    </tr> 
 
    </tbody> 
 
</table>

注

私はあなたがmysql_fetch_assoc使用していることを確認 - が機能を非推奨使用しないでくださいを！

出典

2016-07-11 13:09:58 Justinas

MySQLを使ってすべてをセットアップするのには非常に時間がかかりました。私はPHP 5.6を使用しており、MySQLiにアップグレードする際に多くの問題が発生します。しかし、答えをありがとう – Zoe

でスクロールバーがある膨張しても、テーブルはそのフルサイズになりたい：

私はindependantlyの上部にあるすべてのテキストの開始を作るにはどうすればよいです他の列？

あなたは垂直整列（CSSでvertical-align、またはHTMLでvalign）を設定する必要があります。私は大きくなるためにHTMLテーブルを作るにはどうすればよい

<td valign="top">

<td style="vertical-align: top">

出典

2016-07-11 13:05:37

-1

を既定のページサイズより大きい

あなたはスタックトレースの列のためにいくつかのCSSを適用することができ、テーブルの幅を大きくするために100%

td {vertical-align: top;}

<body> 
 
     <table border="1" style="border:2px solid black;width: 150%;"> 
 
      <thead> 
 
       <tr> 
 
        <td>time</td> 
 
        <td>android_version</td> 
 
        <td>device_id</td> 
 
        <td>app_version</td> 
 
        <td>stacktrace</td> 
 
        <td>package</td> 
 
       </tr> 
 
      </thead> 
 
      <tbody> 
 
      <?php 
 

 
       //etc database stuff 
 

 
       while($row = mysql_fetch_assoc($result)) { 
 
       ?> 
 

 
        <tr> 
 

 
         <td><?php echo $row['time'];?></td> 
 
         <td ><?php echo $row['android_version'];?></td> 
 
         <td ><?php echo $row['device_id'];?></td> 
 
         <td >some text</td> 
 
         <td >This is the part that is very long. The other text is centered based on the length of this.</td> 
 
         <td ><?php echo $row['package'];?></td> 
 

 
        </tr> 
 

 
       <?php 
 
       } 
 

 

 

 
       ?> 
 
       </tbody> 
 
      </table>

出典

2016-07-11 13:08:18 Rohit

私はまったく同じ場所で同じ方法で幅と正確に同じことをしました。何も変わっていません。 – Zoe

HTMLテーブルをデフォルトのページサイズより大きくするにはどうすればいいですか

答えて

関連する問題