【CSS】要素と要素の間に等間隔で縦線を入れるサンプルコード - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/arubaito

1user がブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

【CSS】要素と要素の間に等間隔で縦線を入れるサンプルコード - Qiita

/* フレキシブルボックス */ .flexContainer{ display: flex; align-it ems: center; justify-content: s... /* フレキシブルボックス */ .flexContainer{ display: flex; align-it ems: center; justify-content: space-around; } /* フレキシブルボックスのアイテム */ .title{ position: relative; margin-right: 134px; /* ポイント２ */ } .description{ flex-grow: 1; /* ポイント１ */ } /*** 縦線 ***/ .title::before{ content: ""; /* 縦線の色・形 */ width: 3px; height: 36px; border-radius: 2px; background-color: #dddddd; /* 配置場所 */ position: absolute; right: -64px

テクノロジー

ブックマークしたユーザー

mizuhiro05272023/05/19

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx