html - 如何跨浏览器垂直对齐元素?

标签 html css google-chrome internet-explorer vertical-alignment

我正在使用 vertical-align: middle 属性进行垂直对齐,它在 Chrome 中有效,但在 IE 中无效。

最佳答案

你试过 flexbox 吗?这是我使用的,我没有遇到很多(如果有的话)兼容性问题,IE 可能有点挑剔,但它绝对支持它。

要使元素居中,您可以将元素的容器设置为 display: flex; 并添加 align-items: center; 使它们在容器内垂直居中。您还可以使用 justify-content: center;

将它们水平居中

您可以在此处看到它得到广泛支持:https://caniuse.com/#feat=flexbox

关于html - 如何跨浏览器垂直对齐元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4434265/

相关文章:

javascript - 在 Chrome 扩展中注入(inject)重定向 JS。失败! :(

html - 根据屏幕大小调整div

jquery - 在 IE 上切换后,DIV(页脚)未被按下

html - 页面底部的 chrome 空间,虽然不是本地的

css - 我如何在 navbar-toggler Bootstrap 中将位置更靠左?

css - Bootstrap 网格设置 - 在固定元素中间有一个自动调整元素

css - 输入类型 ="radio"和隐藏的单选按钮 - chrome 有问题吗?

html - IIS/AngularJS 单页应用程序 - 在应用程序中导航时如何防止单个 index.html 的页面缓存

javascript - 脚本元素上的 HTML5 async 属性到底有什么好处?

当我们悬停所有其他元素时,HTML 悬停边框移动如何解决问题?