ホームページ > 記事 > ウェブフロントエンド > ずっと悩んでいたのですが、-tr_html/css_WEB-ITnoseのスペースの問題を解決できればと思っています
ずっと悩んでいたのですが、-tr_html/css_WEB-ITnoseのスペースの問題を解決できればと思っています
- WBOYオリジナル
- 2016-06-24 12:05:501349ブラウズ
tr の間隔
css、html、または js を使用するかどうか、
tr の上部と下部に間隔を持たせるにはどうすればよいですか?
(TD ではテーブルを使用しないでください)
この効果が欲しいだけです
ディスカッションに返信 (解決策)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>table{margin:0;padding:0;border-collapse:collapse;}td,th{border:solid 1px #ccc; width:100px;}.noborder{border:none;height:5px;overflow:hidden;}</style></head><body><table> <tr> <th>姓名</th> <th>学号</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>小马</td> <td>00001</td> <td>男</td> <td>20</td> </tr> <tr> <td colspan="4" class="noborder"></td> </tr> <tr> <td>小李</td> <td>00002</td> <td>男</td> <td>20</td> </tr> <tr> <td colspan="4" class="noborder"></td> </tr> <tr> <td>小张</td> <td>00003</td> <td>男</td> <td>22</td> </tr></table></body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>table{margin:0;padding:0;border-collapse:collapse;}td,th{border:solid 1px #ccc; width:100px;}.noborder{border:none;height:5px;overflow:hidden;}</style></head><body><table> <tr> <th>姓名</th> <th>学号</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>小马</td> <td>00001</td> <td>男</td> <td>20</td> </tr> <tr> <td colspan="4" class="noborder"></td> </tr> <tr> <td>小李</td> <td>00002</td> <td>男</td> <td>20</td> </tr> <tr> <td colspan="4" class="noborder"></td> </tr> <tr> <td>小张</td> <td>00003</td> <td>男</td> <td>22</td> </tr></table></body></html> 他に方法はありますか?直接設定する方法はないのでしょうか？ご返信ください。不要な場合はここに残しておきます
テーブルを使用しているため、一般に CSS には td と th 以外のタグにスタイルを追加しないという原則があり、これによりかなりのエラーが発生します。互換性の問題が多いため、行間の距離を空白行で埋める、つまりセルを結合するのが最善です
テーブルを使用しているため、一般的に CSS には td 以外の値を与えない原則があります。 th ラベルにスタイルを追加すると、依然として多くの互換性の問題が発生するため、行間の距離を空白の行で埋める、つまりセルを結合するのが最善です
ありがとうございます
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。