margin:0 8%;这个是啥意思啊?

发布网友

我来回答

4个回答

热心网友

写CSS 3年,写响应式布局2年。今天有幸学到这招真的感激不尽。

先不说无用的了,这问题的起因是IE9对margin属性理解的有些误差。

如果仅仅是IE9会出现这种麻烦,那么我已经解决了,虽然有些小问题还是未能解决,代码如下

margin:0 -50%\0;

这代码要加在你原有代码的后面不要覆盖,后面的\0不要删掉,这是CSS HACK技术,专门针对IE9

小问题就是当显示范围小于图片的50%的时候,这时候图片的缩放会跟margin:0 -100%有所不同。

IE9的确测试了是正常的。这有可能仅仅是IETESTER的BUG而已

热心网友

学习了。。不过我用ie9测怎么就正常。。还有就是既然div宽度小于图片了,图片就显示不全了,就直接给width:100%;不行吗追问需要原生的ie9,如果你的IE是ie10或ie11,用开发人员工具模拟出来的ie9是正常的。
如果你的ie最高就是ie9也就是原生的ie9就会出问题,原生ie9可以用ietester模拟出来。

热心网友

为IE9或者IE单独写个HACK即可。margin:0 auto

热心网友

margin:0 auto;不就是剧中吗?如果还不行就在div中加 text-align:center(因为img是行内元素);margin:0 auto应该是快元素都可以吧!!!追问不,这个不是你想象的那么简单,里面的图片是1920宽度的,外层div的的宽度是要自适应屏幕的,在响应式网站中经常会用到。如果在1366分辨率的屏幕下,简单的写法,图片就会不居中。我从前一直使用的position:absolute; left:50%; margin-left:-960px;来使图片在小屏幕下也居中,后来在国*站上发现了margin:0 -100%的简洁写法,感觉很好用。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com