[
[返信する]]
ブログ一覧ページで数件置きにスペースを入れる方法について
by なな
2015-12-11 02:31
検索してみましたが、類似している質問が見つからなかったので質問させていただきます。
見落としがありましたら恐れ入りますが、誘導していただけると助かります
とあるサイトさまのブログで、ブログの一覧ページがタイトルだけが表示され、一覧のようになっており、
そのタイトルの数行置きに一行程度のスペースが入っていました
私も記事の数件ごとに見やすくするためにスペースを入れたいのですが
（例えば１ページに20件表示される設定なら5件にスペースが入るような）
そのやり方がわかりません。
htmlかcssで見えないようにスペースが入る位置ごとにテーブルタグを入れているのかと思い、検索をかけてみたのですが、結局わかりませんでした…。
（全く見当違いだったすみません…）
htmlやcssでそのやり方についてわかる方がいたら教えていただけないでしょうか
お願いします
pc
[編集]
by と
2015-12-11 08:29
CSSの擬似要素かと思います。
:nth-(n)child
詳しくは解説サイト等で調べてください。
ここで憶測の回答をあてにするよりそのサイトのソースを確認した方が早いかもしれませんが。
pc
[編集]
by 匿名
2015-12-12 01:20
横から失礼致します。
と様のご提案下さった方法について、こちらの過去スレでも説明が少し出ていました。よろしければ参考までにどうぞ→http://nanos.jp/nanossupport/bbs/3/list?ThreadID=1605&viewType=thread
蛇足ですが、個人的には
○○:nth-of-type(5n) { margin-bottom: 1em;}
とかの方が好みです。
ちなみにと様の回答の物もこちらもCSS3ですので、未対応ブラウザには反映致しません。ご注意を。
pc
[編集]
by なな
2015-12-30 11:15
そのサイト様のソースを見たほうが早いですよ！
ソースをコピって、ブログに挿入してみて、どんなデザインになるかを見ながら改良を加えていくスタイルが確実だと思います。コピったソースをとっとけばどこを弄った場合何が増えて何が減って、変わるのか確認しても安心ですね。
pc
[編集]
[返信する]
[
戻る
]
[返信する]]
2015-12-11 02:31
pc
戻る
]