html – 将图像置于div顶部

html – 将图像置于div顶部,第1张

概述我有一个带有一堆东西的div,我想要做的是放置一个图像,居中,在它上面.我的基本布局看起来像这样: <div> <img style="display:block; position: absolute; top:50%; left:50%; margin-top:-33px; margin-left:-33px;" src="Images/ajax-loader_001.gif" /> 我有一个带有一堆东西的div,我想要做的是放置一个图像,居中,在它上面.我的基本布局看起来像这样:

<div>    <img  src="Images/AJAX-loader_001.gif" />    <!-- a bunch of tables and stuff that doesn't have a convenIEntly fixed size  --></div>

以上将使图像在屏幕中居中(图像为66px x 66px BTW),但我希望它相对于父div居中并在其上方“浮动”.有一种纯粹的CSS方式吗?需要在ie8和最近的firefox版本中工作.

编辑:只是为了澄清 – 我希望水平和垂直居中并在父母的顶部.

解决方法 只需要把它放在你的父div上:

position: relative;
总结

以上是内存溢出为你收集整理的html – 将图像置于div顶部全部内容,希望文章能够帮你解决html – 将图像置于div顶部所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1067309.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存