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表の行間の内容は、スクリプトの家の前の記事を検索してくださいまたは次の関連記事を参照してください続けて、あなたは将来的にもっとスクリプトの家をサポートすることを願っています
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン