よく検索されるキーワード
ブログカード
TOC
初心者向け
トラブル対処
RWD
Validation
SEO
Tips
Smartphone
Responsive
Playground
上級者向け
Log In
Index
Categories
テンプレート (172)
配布中テンプレート (70)
ブログ内限定配布 (7)
リリーステンプレート早見表(表示タイプ別) (1)
配布終了・旧作 (25)
テンプレ不具合・修正など (69)
利用上のお願い (1)
よくあるご質問「お困りですか?」 (3)
ご質問の前に (2)
FC2不具合情報 (28)
割と重要なお知らせ (33)
カスタマイズ (169)
HTML, CSS, JavaScript (100)
遊び (19)
SNS (4)
FC2ブログのあれこれ (148)
webのあれこれ (66)
他社ブログ (9)
webツール (13)
マガブロ (1)
雑記 (6)
テスト用非公開 (6)
未分類(個人的テスト等) (23)
ホーム
コメントの編集
こんにちは。 .blogcard-image の方は良いんですけども、.blogcard-content のルールセットが2つ存在していて、先に記してある方に margin-left: 170px; というのがあるため左に余白ができています。このルールセットについては個人カスタマイズだと思いますので、用途を整理して不要と判断できるようでしたらmargin-leftを削除してください(というか削除しない限り余白は消えないけれど) よろしくお願いします :) ---- アドバイス カスタマイズ用 .blogcard-content のルールセットにある max-height と min-height は文章量の制限のためだと思いますが、この内容では文章が長い場合に下が途切れて不格好なので、ここで制限するのではなく .blogcard-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;/* 指定したい最大行数 */ max-height: calc(13px * 1.5 * 3);/* font-size 掛ける line-height 掛ける 行数 */ overflow: hidden; } とした方が良いですよ。この方法を取る場合はカスタマイズ用 .blogcard-content のルールセットは不要です。
管理者にだけ表示を許可する
送信
削除