欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

为什么在火狐可以水准垂直居中,chrome中就不行

更新时间: 2014-01-05 00:52:09 责任编辑: Author_N1

 

为什么在火狐可以水平垂直居中,Chrome中就不行?

--参考方法--
这个应该是居中的   楼主可以把img给定宽度试试
--参考方法--
你的js函数有问题吧。。

测试了再chrome 25.0.1364.172 m下没问题,就直接用css控制了下长宽


#a img ,#b img{width:200px;height:200px}

--参考方法--
这个你测试到底是不是js函数引起的,直接把js函数删掉,然后看看是不是能居中,就知道了。


并且,你这个函数里面就是在修改宽度和高度,你竟然说没有控制CSS样式。。。
--参考方法--
ImgD.style.display = "table-cell";

把最后面的这个去掉试试吧。
--参考方法--
我对这个不是太理解

你可以这么认为,display是作用于是用的标签本身的,是让它和table中的td一样的样式,而通常呢,td都是居左显示的,左边或者是table的左边界,或者是上一个兄弟td。所以,你这里设置了table-cell之后,img就去居左了。

可以举个简单的例子:
<div style = "border:1px solid #aaa;width:500px;height:400px;">
<div style = "width:200px;height:200px;margin:0 auto;background:#eee;">
</div>
</div>


这里,内部的那个div是居中显示的。

如果你在里面再加个display:tabel-cell试试看,它就居左了。。。

可能说的不是这个情况产生的最根本原因,因为没怎么用过这个属性。。。

可以去搜一下,是不是有这方面的文章,看看~~
--参考方法--
你理解的优点错误哦。。。

display这个属性,只会对本身有影响,后代是不会继承的

你本身的display不管设置成什么样子,都不会对它后代的显示方式有影响的。

所以,你这里的原因,只是因为img设置了display=table-cell,跟父元素设置了display=table-cell,没有一点关系的。
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:52:09
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/766/
本文WWW.DOC100.NET DOC100.NET版权所有。