
HTML:
<!DOCTYPE HTML><HTML><head><Meta charset="utf-8"><Title>Picture gallery</Title><link rel="stylesheet" href="CSS/week7.CSS"></head><body><h1>The Mighty Avengers</h1><div > <img src="images/hawkeye.jpg" alt="Hawkeye" /> <img src="images/capmar.jpg" alt="Captain Marvel" /> <img src="images/beast.gif" alt="Beast" /> <img src="images/thor.jpg" alt="Thor" /></div> <div > <img src="images/cap.jpg" alt="Captain America" /> <img src="images/ant.jpg" alt="Ant Man" /> <img src="images/vision.jpg" alt="The Vision" /> <img src="images/scar.jpg" alt="Scarlet Witch" /></div></body></HTML>
和CSS:
HTML {background-color: gray;}h1 {text-align: center;}img {height: 250px;margin-left: -20px;wIDth: 250px;}.slIDe1,.slIDe2 {display: block;margin: 0 auto;wIDth: 85%;} 在Stack上谈论的这种中心化的其他实例都没有任何帮助.我已经尝试了这个有没有在类上设置的显示类型,但无济于事.任何洞察这一点将不胜感激.
解决方法 那是因为你的图像是150px ..你的div是文档的80%你可以修复它做text-align:center; on .slIDe1,.slIDe2.
总结以上是内存溢出为你收集整理的html – 保证金:0自动定位不在div上工作全部内容,希望文章能够帮你解决html – 保证金:0自动定位不在div上工作所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)