IE11在网格居中时忽略项目内容的绝对宽度
是指在使用CSS网格布局时，IE11浏览器在某些情况下无法正确处理项目内容的绝对宽度，导致项目内容无法居中显示。
CSS网格布局是一种强大的布局方式，可以将页面划分为行和列，通过定义网格容器和网格项目来实现灵活的布局。然而，IE11对CSS网格布局的支持存在一些限制和兼容性问题。
在IE11中，当使用网格布局并将项目内容的绝对宽度设置为固定值时，例如使用width: 100px;，项目内容在居中对齐时会被忽略，导致内容不居中显示。这是因为IE11在计算项目的位置时没有正确考虑项目内容的绝对宽度。
解决这个问题的方法是使用其他方式来实现居中对齐，例如使用自动布局或使用其他CSS属性来控制项目的位置。可以使用justify-self: center;和align-self: center;属性来实现水平和垂直居中对齐。
腾讯云相关产品中，可以使用云服务器（CVM）来搭建网站和应用程序，通过自定义的CSS样式来解决IE11在网格居中时忽略项目内容的绝对宽度的问题。腾讯云云服务器（CVM）是一种灵活可扩展的云计算产品，提供稳定可靠的计算能力，适用于各种规模的业务需求。
腾讯云云服务器（CVM）产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
2回答
所以我有一个固定位置的css-grid，高度/宽度:100%。
我希望它的项目不会影响单元格的大小，所以我在网格的子级上使用了位置绝对。问题是，当我使用-ms-grid-column-align/-ms-grid-row-align (它与现代浏览器中的justify-self/align-self相同)时，end\center并不能真正工作，因为IE在定位它们
浏览 20提问于2019-07-17得票数 0
回答已采纳
2回答
在很长一段时间后，我不得不做一些前端，我有一个恼人的问题要解决。所以基本上我有1900x1200的Div包装器，虽然整个东西看起来很漂亮，在巨大的显示器上居中，但当我在一个小/分辨率的显示器上打开它时，它并不居中。不管我的决心如何，我都希望开头的位置在整个事情的中间。整件事快把我逼疯了，我似乎不能完全理解它。:(
(如
浏览 1提问于2011-12-07得票数 0
回答已采纳
2回答
目前，我有一个小项目，上面是一个响应式网站(使用骨架响应式网格)，我使用jQuery在视窗中垂直居中显示内容。2 }); $(window).resize(); </script>如果视口等
浏览 2提问于2013-02-22得票数 0
1回答
假设我有一个简单的网格，它将项目放在4列中，填充整个容器的宽度：.grid { grid-template-columns: repeat(4, 1fr);class="item"></div> <div class="item"></div>
<
浏览 0提问于2018-06-30得票数 6
2回答
我在一个div中有一个SVG，我试图使用绝对定位将它居中。不过，在IE11上，SVG不在中心位置。当我去掉绝对定位时，IE11和Chrome上SVG的起始点似乎是不同的。在IE11上，SVG的位置比Chrome低几个像素。
我尝试使用Flexbox解决方案而不是绝对定位，但同样的问题仍然存在。这让我相信这真的不是定位的<
浏览 2提问于2017-04-24得票数 0
1回答
我有一个旋转木马网格在一个固定的宽度元素，我想中间的项目是居中。我在加载时添加左滚动位置，但这不考虑浏览器窗口的宽度。如何计算窗口宽度并使中间项始终居中？animate({ }, 1000, function() {});
浏览 0提问于2019-04-15得票数 0
回答已采纳
1回答
需要一点帮助，在这里找不到这个特定的问题。我在我的网页底部有一个绝对定位的导航栏，页面内容的最大宽度是1000px，但这样导航栏就可以随着浏览器伸展(尽管当浏览器调整到小于1000px的宽度时，导航栏是固定的宽度)。下面是一个例子：
一切正常，但如果您将浏览器的水平大小调整为小于1000px并左右滚动，则内容会滚动(这是理所应当
浏览 0提问于2013-12-09得票数 0
1回答
我已经创建了一个基本的网格，它覆盖了整个页面，使用1fr表示列，1fr表示行数。此网格是使用父div创建的。 子div是我想要在分配的网格中间居中的位置。我已经赋值了子元素的绝对位置和父元素的相对位置，并使用了以下代码，几个来源都引用了这些代码来居中，当我删除网格并指定父元素的高度和宽度时，它确实可以使元素<e
浏览 31提问于2020-09-24得票数 0
1回答
我在创建下拉菜单时遇到了问题，内容不适合放在容器中，您将在第一张图片中看到我想要创建的内容，以及第二张图像中发生的内容。
nav {左: 0；身高: 20%；Z-指数: 1；对齐项目:居中；}宽度:165：""；
浏览 5提问于2022-03-09得票数 0
回答已采纳
1回答
场景
当我从DIV (CSS -第118行)中移除边框时，(1)的边距会以(2)和(3)的边距塌缩(或者看起来是这样的)。
浏览 1提问于2017-04-09得票数 1
回答已采纳
1回答
引导3选项菜单消失。
、、、、
我有一个由4列组成的表，使用Bootstrap 3网格系统。我使用的不是col-xs-*，它在移动环境中工作得很好，而是使用了col-md-*。当我为这些列从col-xs-*切换到col-md-*时，移动将自动将图标堆叠在网格中，并保持它们的大小--这正是我想要的。好吧，一切都很好，除了，这使得文档宽度变得混乱了，选项菜单(用于移动设备/平板电脑的三条弹出菜单)消失了，因为它与文档宽度对齐，而不是视口<em
浏览 3提问于2016-09-07得票数 0
回答已采纳
16回答
居中对齐固定位置的div
、、、
我正在尝试获得一个在我的页面上有position:fixed居中对齐的div。...where -left的值是div宽度的一半。这似乎对固定位置的div不起作用，相反，它只是将它们放在最左角的50%，并忽略了空白处
浏览 9提问于2010-05-19得票数 147
我有一个使用网格布局管理器的回收器视图。我做了我的项目视图，让witdh = match_parent使我的项目具有相同的宽度，这取决于屏幕宽度。但也有限制，这是我的项目视图的最大宽度。因此，如果跨度计数很小，我的所有项目都是左对齐的，但我希望这些项目是居中对齐的</
浏览 56提问于2021-01-13得票数 2
2回答
我有一个关于使用div#container居中页面的问题，通常容器代码是这样的：{margin-right: auto;}对象A和对象B都包装在容器内那么，如何
浏览 2提问于2009-06-15得票数 2
5回答
</h1>下面是使用的CSS即时消息：position: absolute;margin-right: auto;但是它不工作
浏览 1提问于2014-08-09得票数 0
1回答
超越父div
、、
我的magentoGo站点有问题。
我在一个内容里面有3个div，它需要100%的宽度，但我对其他页面有问题，因为内容没有居中。它需要有一个特定的宽度，这样内容才能在页面上居中。我尝试了3个div的绝对位置，给它们的宽度是100%，左:0；，右:0；还有一个顶部有一个特定的数字，这样它就不会与页脚重叠。但是<e
浏览 0提问于2014-01-16得票数 0
我有一个网站，我试图显示一个iPad上的全宽忽略了截图中所示的树，使页面显示居中
如何在iPad上设置视口，使其忽略某些元素。当页面在iPad中打开时，我希望屏幕放大到仅与页脚栏相同的宽度。如果任何人有任何想法来实现这一点，我们将不胜感激。
浏览 2提问于2012-06-01得票数 0
2回答
我有一个奇怪的问题，我尝试了所有我知道的技巧来居中对齐放置在网格中的ListView。无论如何，它看起来都是左对齐的。ListView的宽度和高度是数据绑定的。(宽度可以采用值350或700，高度可以采用100或200，具体取决于大小设置。如果尺寸设置紧凑，则应为350x100，如果正常，则为700x200)。
浏览 4提问于2013-04-05得票数 0
当DIV的position是absolute时，如何才能将它定位到页面的中心呢？如果可能的话，使用javascript不使用而不使用。
浏览 8提问于2011-02-27得票数 12
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
