Q&A
まだ質問が「受付中」になっていますが、いったんご自身の回答をもって「解決済」にされてはいかがでしょうか。
aタグの中のimgにcssのpositionで位置を指定したいと思っています。
画面の横幅のみ中心に画像を指定したいと思っています。1000pxのbodyの中で5、画像の横幅の大きさを500pxにして、500px画像をLeftを指定したのですが、positionの軸が画像の一番左からになってしまい、結局画像を中心に寄せることができませんでした。
何かアドバイスをいただけますか？ 自分でももう少し調べてみようと思いますが...
追記
bodyが1000で画像が500なのでleftとrightを250ずつ指定したら真ん中にできました
回答3件
0
left:などの設定を有効にするには、position:absoluteなど、static以外の値を指定する必要があります。
また、left: calc(50% - 250px)のように、CSSで計算もできます。
投稿2017/08/04 04:47
総合スコア145184
0
margin にマイナス値で画像の半分を指定するか、translateX に-50% を指定するとか。
【margin－スタイルシートリファレンス】
http://www.htmq.com/style/margin.shtml
【CSS： marginの正しい理解 (CSSのmarginが難しい)｜Web Design KOJIKA17】
http://kojika17.com/2012/08/margin-of-css.html
【transform:translate()－CSS3リファレンス】
http://www.htmq.com/css3/transform_translate.shtml
投稿2017/08/04 04:44
総合スコア69407
0
自己解決
bodyが1000で画像が500なのでleftとrightを250ずつ指定したら真ん中にできました
投稿2017/08/04 08:41
総合スコア215
あなたの回答
tips
プレビュー
