Q&A
初歩的な質問ですいません。
画像を中央に表示させるのにmarginautoが効かない。
<div class="container"> <div id="img_unit"> <div class="photo"> <img src="img/img001.jpg"> <div class="inner"><p>コメント1<span>nickname</span></p></div> </div> </div> </div>
body {
margin: 0;
padding: 0;
background-color: rgba(26, 55, 229, 0.06);
}
.container {
max-width: 600px;
margin: auto;
box-shadow: 0px 0px 3px rgba(0, 0, 0, .3);
}
.img {
width: 100%;
margin: 0;
vertical-align:top;
}
header {
background-color: #007acc;
color: #fff;
width: 100%;
position: fixed;
top:0;
z-index:100;
}
header h1{
margin: 0;
font-size: 25px;
padding: 5px;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
}
.photo {
position: relative;
}
.photo .inner {
position: absolute;
bottom: 0;
background-color: rgba(0, 0, 0, .5);
font-size: 10px;
color: #fff;
margin: 0;
width: 100%;
}
.inner p{
padding:20px;
}
.inner span {
margin-left: 10px;
}
回答1件
0
ベストアンサー
css
1margin: 0 auto;
とwidthを指定する必要があります
投稿2019/09/14 12:28
総合スコア759
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/09/14 12:50
2019/09/14 13:00
2019/09/14 21:02