データベースをテーブルに表示したいが、表示したいテキストが長すぎる場合、テキストは直接ダウンしない。 「質問」のテキストは直接入力されません。 データベースをテーブルに表示してテキストを直接表示する方法
答えて
があなたのスタイルでword-wrap: break-word;
を使用してみてください:
<table class="table">
<thead>
<tr>
<th>No</th>
<th>Question</th>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>Answer</th>
<th>Button</th>
</tr>
</thead>
<tbody>
<?php
include "conection.php";
$no = 1;
$query = mysql_query("SELECT * FROM grammar");
if ($query) {
while ($row = mysql_fetch_array($query)) {
echo "
<tr>
<td>".$no."</td>
<td>".$row['question']."</td>
<td>".$row['a']."</td>
<td>".$row['b']."</td>
<td>".$row['c']."</td>
<td>".$row['d']."</td>
<td>".$row['answer']."</td>
<td>
<a href=\"update.php?id=\">Edit</a> |
<a href=\"delete_grammar.php?id=\">delete</a>
</td>
</tr>";
$no++;
}
}
?>
</tbody>
</table>
これは絵がある:これは私のコードです
助けてください。最大文字数に達すると文字列が下がります。
<table class="table">
<thead>
<tr>
<th>No</th>
<th>Question</th>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>Answer</th>
<th>Button</th>
</tr>
</thead>
<tbody>
<?php
include "conection.php";
$no = 1;
$query = mysql_query("SELECT * FROM grammar");
if ($query) {
while ($row = mysql_fetch_array($query)) {
echo "
<tr>
<td>".$no."</td>
<td style='width:40%; word-wrap: break-word;'>".$row['question']."</td>
<td>".$row['a']."</td>
<td>".$row['b']."</td>
<td>".$row['c']."</td>
<td>".$row['d']."</td>
<td>".$row['answer']."</td>
<td>
<a href=\"update.php?id=\">Edit</a> |
<a href=\"delete_grammar.php?id=\">delete</a>
</td>
</tr>";
$no++;
}
}
?>
</tbody>
</table>
はここでサンプルJSFiddle
関連するCSSコードをここに追加するとよいでしょう。 – Thamilan
リーからの答えはあなたが必要な結果を得るだろうが、彼らは読みやすさを減らすことができるセット幅に達した場合はすべての単語の長さがそのように破ることができることに注意してくださいです。あなたが撮ったスクリーンショットは、その列を質問フィールドとして置きます。その質問は潜在的に非現実的な内容のテストのように見えますが、奇妙なことを説明するのは良いことです。電子メールアドレスまたはURL列にこのようなオーバーフローの問題が発生する可能性があり、可読性がユーザーの必要性にあまり影響しない可能性があります。ほとんどのユーザーはおそらく質問を素早く読むことができたいと思っています。
可読性が依然として必要な場合は、overflow-x:autoまたはhidden、width 100%のdiv内にそのセルの内容をラップできます。
これは、このような可能性のあるまれなインスタンスを切り捨てるか、少なくともユーザーがテキストをスクロールできるようにします。
コンテナtdは、すべてのブラウザでテーブルが正しく処理されるためには、ピクセル単位で、または変数ではない他の単位で、特定の幅が必要です。必要に応じて、100%幅ではなくdivにピクセル幅を追加することもできます。
- 1. ImagePickerControllerを使用して直接 'カメラロール'を表示する方法
- 2. ValidationSummaryにカスタムエラーメッセージを直接表示する方法(バリデータなし)
- 3. リスト表示の編集テキストにテキストを表示する方法
- 4. データベースをループしてテーブルに表示
- 5. キーボードをUITableViewCellのテキストフィールドに直接表示する方法
- 6. swtボタンにテキストを垂直に表示
- 7. テーブルのTDをテキストなしで表示する方法
- 8. イメージにテキストを表示する方法
- 9. リストビュー、テキストを垂直に表示
- 10. Spring MVCデータベースからテーブルにデータを表示する方法
- 11. ソフトキーボードの表示中にすべてのフィールドとテキストを表示する方法
- 12. リンクをクリックしてテキストエリアにテキストを表示する方法
- 13. データベースからGujaratiのテキストを表示する方法
- 14. divを表示して非表示にする方法
- 15. MVCを使用してデータベースからテキストを表示する最良の方法
- 16. Spring mvc - コードに対してテキスト値を表示する方法
- 17. ウェブサイトのテキストを解析してビューに表示する方法
- 18. リストビューでデータベースを表示する方法
- 19. テーブルのデータを表示する方法
- 20. 直接ロードで空白ページを表示
- 21. テーブルの列を非表示にして表示します。
- 22. イメージをsqliteデータベースに保存して表示する方法は?
- 23. データベースにテーブルを取得して表示する
- 24. web2pyエラーを直接表示する方法(チケットに自動リダイレクトする)
- 25. OpenGlをビットマップに直接描画する(表示なし)
- 26. 水平表示ではなく垂直表示でテーブルを描画します
- 27. HTML/CSS:テキストを非表示にして枠線を表示
- 28. データベース・データを使用してJSFページにデータ表を表示する方法
- 29. SQL Serverデータベースのテーブルにデータを表示
- 30. coffeescriptでdivを表示して表示する方法 - Rails 3.1
これを読んでくださいhttp://stackoverflow.com/questions/4457506/set-the-table-column-width-constant-regardless-of-the-amount-of-text-in-its-cell –