CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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将其置于中心.这不仅确保了它的中心位置,而且不会强制绝对定位,而且还会自动裁剪溢出,因此不需要溢出属性.

大佬总结

以上是大佬教程为你收集整理的css – 中心一个div太小的图像?全部内容,希望文章能够帮你解决css – 中心一个div太小的图像?所遇到的程序开发问题。

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。