ずっと悩んでいたのですが、-tr_html/css_WEB-ITnoseのスペースの問題を解決できればと思っています-htmlチュートリアル-php.cn

ずっと悩んでいたのですが、-tr_html/css_WEB-ITnoseのスペースの問題を解決できればと思っています

WBOY

リリース： 2016-06-24 12:05:50

オリジナル

1365 人が閲覧しました

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 ラベルにスタイルを追加すると、依然として多くの互換性の問題が発生するため、行間の距離を空白の行で埋める、つまりセルを結合するのが最善です

ありがとうございます