表の行間を詰めたい | コミュニティ

タグ付き： widget, 表

コミュニティ

表の行間を詰めたい

トピックス by widget初心者 1792 pt 2023年12月5日 19:15 212 PV
【Widget名】

商品評価とランキングの表（横スク対応）(表)

【相談ページ】

https://sb-draft-preview.squadbeyond.com/articles/mQOvqWgRIwhHDGdyogeqw/draft?token=860a3a1a9a55552d0eb11b97b8334cb7

【相談内容】

全体的に下記画像くらい行間を詰めたいです！

https://gyazo.com/09a1006e12b2e2af73bd921854db4904
表-1.png 209 KB 画像ファイル — クリックして見る



コピーダウンロードリンク
widgetマスター 11 月, 3 数週間前 2 人 · 1 コメント
- widget
- 表
1 コメント

widgetマスター

モデレータ

2023年12月5日 19:19

下記CSSを調節してください！

.rankItem__area table tbody td .rate {
    font-size: 20px; /* ← ここを 40px から 20px に変更。お好みでさらに調整して下さい */
    text-align: center;
    display: block;
}

.rankItem__area table tbody td {
    border-width: 0 1px 1px 0;
    border-color: #ccc;
    border-style: solid;
    padding: 10px 5px; /* ← ここを 20px 5px から 10px 5px に変更。お好みでさらに調整して下さい */
}

プレビュー：https://sb-draft-preview.squadbeyond.com/articles/foGNgXe_SPGTHClWRLUw/draft?token=046470d7ccbfe261fe072380fc0ba6aa

よろしくお願いします☺