Q&A
idは一回しか使えないのですね！
勉強になりました！
paddingで試したのですが、うまくいかなかったです、、????
画像間の間隔を広げたいので、画像名をdiv要素で囲いid名を指定し、cssでmargin-rightを指定したのですが、なかなかうまくきいてくれません。
これがBootstrapを使っているからなのか、そもそもの指定の仕方が間違っているのかわかりませんが、何かわかる方いましたらご教授願いたいです。
画像一枚目、htmlコード該当部分。
二枚目、css該当部分。
三枚目、プレビュー。
回答2件
0
ベストアンサー
とりまめんどい部分はすでに回答済みのものを使うとして
.row > .hairdresser > * { margin-right: 10px; }
のように特定クラス直下の要素すべてのマージンを制御するなどしてみましょう
投稿2020/03/29 10:54
退会済みユーザー
総合スコア0
0
idは1回しか使えないので、classを使ったほうがいいです。
Bootstrapの.colは、paddingで余白を指定しているのでmarginよりはpaddingのほうがよさそうに思えます。
思った通りの挙動をしなければmarginに戻してください。
HTML
1<div class="col-md-6 col-lg-4 hairdresser">
CSS
1/* CSSセレクタの詳細度を挙げるために.rowを追加 */ 2.row .hairdresser { 3 /* margin-right: 10px; */ 4 padding-right: 10px; 5}
(ソースコードを手打ちしたのでタイプミスがあるかもしれません)
投稿2020/03/29 02:04
総合スコア4528
marginに戻して、
<a>、<img>タグにdisplay: block;
object-fitでなくwidth: 100%;にしてみる..など試したくなります。
質問を編集して、ソースコードを画像ではなく文字として貼り付けてもらうと
手元で試せるので、助かります。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/03/29 13:12