
No.5ベストアンサー
- 回答日時:
オバケイ さん
・・・・・div要素とdiv要素を横に並べて、画面の中央に・・・・・・・・
例えば↓
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style>
body{ margin:0; }
.abc{ height:100vh; display:flex; justify-content:center; align-items:center;}
.abc div{ background:#eee; width:22%; height:30%; margin:20px; display:flex; justify-content:center; align-items:center; }
</style>
</head>
<body>
<div class="abc">
<div class="def">
1
</div>
<div class="ghi">
2
</div>
</div>
</body>
</html>
No.4
- 回答日時:
こんにちは
すでに回答が出ていますが・・・
CSSで
.abc{ display: flex; justify-content: center; }
としておけば、ひとまず中央寄せの横並びになります。
間隔等を調整したければ、marginやpaddingなどで。
No.3
- 回答日時:
あのですね。
コーディングというのは後々にも続くわけです。横並びにしたいという意味であればこうなりますね<div id="wrap">
<div id="s1">
<p class="m1"><img src="画像ファイル" width="200px" height="200px"></p>
<p class="m1"><img src="画像ファイル" width="200px" height="200px"></p>
</div>
</div>
*css*
#wrap{
width:700px;
height:700px;
margin:auto;
}
.m1{
float:left;
margin-left:10px;
}
ちなみにdispley:inline;がよければそっちでもいいんじゃないの
No.2
- 回答日時:
No.1
- 回答日時:
説明があまり詳しく書けてないのだけど画像を中央に持ってくるというのなら、全体をdivで囲ってcssでmargin:auto;でも画像は中央にくる。
しかし説明からするとmarginで中央に持っていきたいのか、それともdivにfloatで浮かせたいのかはっきりしない。もう少しやりたいことを書いて下ださい
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページの位置のずれについて
-
スライダーの枠に動画を収める...
-
Webサイト作成 プログレスバー ...
-
CSSでマウスオーバーした画像を...
-
jqueryを使って無駄なspanタグ...
-
ダブルクォーテーションが消え...
-
javascriptでEnterキーをtabキ...
-
【java】背景画像を一定時間で...
-
javascriptテキストBOX色を元に...
-
JavaScriptでサイコロのような...
-
複数の要素を表示してる時だけ...
-
jspでcssが読み込めない
-
クリッカブルマップで切り替え...
-
自働生成される<div>タグに連番...
-
写真を順番にホームページ上に...
-
指定したパスが現URLに含まれて...
-
jqueryで要素の中身を要素の外...
-
ネストされたチェックボックス...
-
スライドショー「Skitter」をカ...
-
HTMLとJavaScriptで作ったタイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スクロール可能なチェックボックス
-
文字をクリックしたら別の文字...
-
【CSS】floatで左右に並べた...
-
スタイルシートで画面を上下に...
-
CSS <div>の入れ子が反映さ...
-
スライダーの枠に動画を収める...
-
Ctrl+F(検索)の窓を出したいの...
-
離れた場所にマウスオーバーで...
-
JQuery UIを使用したドラッグ&...
-
css固定したフッターが本文と重...
-
メニューやヘッダー背景だけを...
-
CSSで背景を下までのばすには?
-
リンクで違うページの指定箇所...
-
動く(流れる)文字列はどうや...
-
サイトにコンテンツを並べる際...
-
1行で左寄せと右寄せと中央揃え...
-
ラジオボタンで段階評価
-
CSSでdivのheightを動的に
-
チェックボックスの背景色って...
-
https://でのレイアウト崩れを...
おすすめ情報
「1 2」 のように画面中央に表示したいです。