1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLのテーブルの行間を変更する方法の例

2022-01-07 12:51:30

HTMLのテーブルを使うときに行間を変更する必要があることがありますが、margin、padding、collapseなどを変更してもあまりうまくいきません。ここで、便利なヒントを見つけました。display属性+marginで実現します。

#coding=utf-8
import sys
def func(depth):
    depth += 1
    print "Now the depth is %d" % depth
    func(depth)

if __name__ == "__main__" :
    func(0)


比較して見ましょう


import sys
sys.setrecursionlimit(1000000) # set to one million


行間がかなり短くなったことがよくわかります。

その他の解決策

質問が出ました。

table内のtrのデフォルトのdisplay:table-rowは、display:blockに変更できるが、(td自動整列)などのtr固有の表示効果は失われる。

で、trにpaddingを設定して内側に余白を増やすと便利ですが、marginを設定しても意味がなく、trの外側の間隔は0のままです。

解決方法

cssのプロパティは、border-collapse:collapse / separate & border-spacing:10px 10pxの2つです。

border-collapse & border-spacingは、trの間隔を共同で制御するために必要です。

例えば

<table style="border-collapse:separate; border-spacing:10px;">
    <tr></tr>
</table>



この記事は、HTML表の行間変更方法の例について紹介し、より関連するHTML表の行間の内容は、スクリプトの家の前の記事を検索してくださいまたは次の関連記事を参照してください続けて、あなたは将来的にもっとスクリプトの家をサポートすることを願っています