所以我有一个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将其置于中心.这不仅确保了它的中心位置,而且不会强制绝对定位,而且还会自动裁剪溢出,因此不需要溢出属性.