Question

我似乎无法将图像置于div的中心。未居中的图像是“quotimg”，它位于div头部内的div quotejd内。

目前正在学习一些css和html（不应该使用html5元素）

HTML

<div class="head">

   <div class="quotejd">

      <img id="quoteimg" src="pictures/quotes/jd.png">

      <p id="quote">“The only creatures that are evolved enough to convey pure love<br> are dogs and infants.”</p>

</div>

</div>

CSS

.Head {
background-image: url('pictures/dogwallpaper1.png');
background-repeat: no-repeat;
background-size: cover;
height: 550;
text-align: center;
margin: 0 auto;
}

.quotejd {
margin: 0 auto;
text-align: center;

}

 #quoteimg {
width: 5em;
margin: 0 auto;
text-align: center;
display: block;
float: none;
}

#quote {
font-size: 1.8em;
line-height: 1em;
margin: 0 auto;
text-shadow: 0px 0px 5px rgba(57,57,57,1);
font-family: 'Nixie One', cursive;
text-align: center;
color: #ffffff;
}

Answer 1

当我学习CSS时，这让我兴奋不已。尝试将图像周围的div（使用类.quotejd）设置为设置宽度（即宽度：960px）。保证金的自动值不知道如何以其为中心。

div内部的图像不居中

1 个答案: