css – 中心一个div太小的图像?

前端之家收集整理的这篇文章主要介绍了css – 中心一个div太小的图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我有一个div在我的身体是一个百分比宽度,里面一个div与内联样式如下:
text-align: center; margin-left: -15px; margin-right: -15px; overflow: hidden;

你可以看到,我有text-align:center;如果图像对于div来说足够小,则将图像置于中心位置.但是,在我的1280×800屏幕上,宽度div的百分比肯定不会太大.

消极利润是克服父母的一些填充.溢出:隐藏使事情看起来像我想要的,而不是凌乱.所以,它像我想要的那样工作,像onenaught.com的头像.它会变得更加明显,因为你使浏览器更广泛,但不扩大双方,因为它不是中心.

所以,我想知道有没有办法使图像居中.知道吗

编辑:第here页.

解决方法

一个选择是将图像绝对定位在左边:50%,然后在图像上使用等于图像宽度的一半的负边距左.当然,这要求包含的div将其定位设置为相对或绝对,以便为要绝对定位的图像提供适当的容器类型.

另一个选项(可能更好)而不是使用图像标签,只需将图像设置为父div的背景,并使用background positioning CSS attributes将其置于中心.这不仅确保了它的中心位置,而且不会强制绝对定位,而且还会自动裁剪溢出,因此不需要溢出属性.

原文链接:https://www.f2er.com/css/217015.html

猜你在找的CSS相关文章