div中的居中问题

垂直居中:让div中的子元素在div中垂直居中对齐,常见的做法是,将该div的样式中设置height属性和line-height属性为相同的值。例如要让div中的文字垂直居中。

(我的代码中,div中的一个子元素input,如上设置后,input并不居中,位置偏下。chrome浏览器是这样的,极速浏览器的兼容模式下也是这样。

但是在极速浏览器的极速模式下是正确显示垂直居中的。

“极速模式使用的是Webkit内核,Webkit内核是全球最快速的浏览器内核,同时支持了诸多的网页新标准,但由于Webkit内核较新,国内一些网站尚未较好地支持此内核。兼容模式使用的是IE浏览器所使用的 Trident 内核,是国内网页制作时主要兼容的浏览器内核,兼容性问题较少。”

可是:“chromium和苹果的safari用的是都是各自维护的webkit内核,360、QQ、搜狗、chrome用的是开源软件chromium,在此基础上自行修改封装的闭源软件。”

都是webkit内核,为啥极速浏览器的极速模式和chrome浏览器显示不一样?)

水平居中:要让一div在外面的div或form中水平居中,则给该div设置属性,margin:0 auto

另外有个标签:<center> ??

原文地址:https://www.cnblogs.com/zhouqg/p/5517073.html