IE 10/11 FLEX子溢出对齐的解决方法

文章/答案/技术大牛

发布

1回答

css、flexbox、internet-explorer-11、internet-explorer-10

如果flex容器有justify- content : center，并且有一个比容器宽的FLEX子容器，则内容在除IE10和IE11之外的所有浏览器中都保持居中(内容在两个方向上的溢出相等)。在大多数浏览器中，你会得到这样的结果：在IE 10/11中，你会得到如下结果：我需要一种方法来在这些<

浏览 5提问于2017-02-18得票数 7

回答已采纳

3回答

IE / ME -使用引导带4垂直对齐中间按钮文本与flex

css、twitter-bootstrap、flexbox、bootstrap-4、microsoft-edge

按钮中的文本应该在中央，但是它显示在顶部，使用internet，有什么问题吗？ height: 100px;<div class="container"> <div>Text</div> <div>icon</div

浏览 3提问于2018-06-01得票数 0

回答已采纳

5回答

Flex-direction列使flex项与IE11重叠

html、css、internet-explorer、flexbox、internet-explorer-11

我在IE11中使用flexbox遇到了一个问题。使用flex-direction: column时，flex-items重叠： ? .container { flex-direction: column;.flex {} <div class="container"> <div class="flex</em

浏览 202提问于2017-03-13得票数 32

回答已采纳

1回答

Flexbox IE10宽度问题

css、flexbox

问题是，在IE10中，行中列的宽度计算错误，它似乎添加了列边缘的宽度(总共80px)，但在火狐和Chrome中，它计算得很完美，适合1260px内的所有内容。主要的问题是，我已经以我认为正确的方式为所有内容添加了前缀，但我仍然遇到了这个问题。: row; flex-direction: row; -ms-flex-directio

浏览 0提问于2015-04-10得票数 17

回答已采纳

1回答

Flexbox垂直内容与中的溢出对齐

css、flexbox、internet-explorer-11

编辑：这里的每个人都试图为IE的带有溢出的柔性盒行为找到解决方案，请看一下。看来这件事不能解决了。我能够解决这个问题，见下面的答案，但可能有一些情况(响应高度)，你不能。我对IE11 (惊喜)有个问题，我不知道如何解决。溢出其父容器的子容器在大小转换时应以水平和垂直方式居中。我试着用柔性盒来做，但是任何其他的工作都会很好。在研究IE挠性盒对齐问题时，我刚刚发现了一

浏览 0提问于2019-05-07得票数 2

回答已采纳

2回答

在响应站点上使用ul或带CSS属性flex的div

html、css、responsive-design

这个问题是关于导航栏的。我使用了ul --跟许多其他开发人员一样--然后发现对于某些导航行为，使用display: flex属性要容易得多，如下所示： <div><a hrefhref="#">REGISTER</a></div> <div><a href="#">BASKET</a></div>

浏览 4提问于2016-02-26得票数 1

回答已采纳

1回答

align-items，align-self在IE11上不起作用

html、css、flexbox、internet-explorer-11

我有一台 display:flex; justify-content: space-between; min-height: 4em; flex: 0 0 4em;} flex: 1 0 auto; } 这是我希望它在Chrome 49中的</em

浏览 4提问于2016-11-24得票数 10

回答已采纳

1回答

ie10和flexboxes？(噩梦)

css、internet-explorer、internet-explorer-10、flexbox

不幸的是，我不得不使我的网站代码与Internet Explorer 10兼容，即使在阅读了他们官方网站上的文档后，我也遇到了一些问题.uberflex { flex-direction: column; justify-content: flex-start; align-items: flex<

浏览 2提问于2013-09-10得票数 13

回答已采纳

3回答

IE11中的弹性框对齐

css、internet-explorer、flexbox

在附加的Codepen中，您将看到我正在使用Flexbox来对齐标题中的徽标和菜单图标。徽标应该左对齐，菜单图标应该右对齐。(我还有其他元素，但这只是一个用于演示的简化版本)。在IE11中测试时，我发现Flexbox无法正常工作。据我所知，通过文档，IE11应该支持这一点。我还有其他的Flexbox元素，它们也不能工作。如您所见，为IE10添加了前缀。下面是CS

浏览 0提问于2017-04-10得票数 3

回答已采纳

10回答

IE11柔性盒防止文字包装？

css、flexbox、internet-explorer-11

我正在开发一个在Firefox/SeaMonkey/Chrome的最新版本中显示OK的站点，但有趣的是，在IE11中存在一个呈现问题：看起来他们修复了边缘中

浏览 6提问于2013-10-02得票数 27

回答已采纳

2回答

固定元件柔性箱

html、css、flexbox

如果我有一个带有固定子容器的柔性箱容器，但它似乎没有正确地包装元素： <div id="child-1"></div></div> display: flex; flex-direction: column; <e

浏览 0提问于2016-04-17得票数 0

2回答

IE10中的弹性收缩

html、css、flexbox、internet-explorer-10

父块有display:flex，使图像和子块排成一行。 -ms-flex-direction:column; box-sizing: border-box; -ms-flex-negative:1;

浏览 0提问于2016-07-01得票数 2

1回答

Flex元素在IE 11中不对文本进行换行

html、css、flexbox、internet-explorer-11

我正在尝试使用CSS flexbox布局创建具有标题的多选项卡组。我遇到了一个问题，一些元素不能在IE11中包装文本。我尝试过在堆栈溢出上讨论的其他类似问题，通过向子级添加weight:100%，或者使用flex: 1或flex: 1 auto，但这些都没有解决问题。 display: flex;h3 { border: 1px soli

浏览 0提问于2017-06-01得票数 0

3回答

IE11 flexbox最大宽度和边距:自动；

html、css、internet-explorer-11、flexbox

我有一个简单的flexbox容器，里面有两个项目： <div id='first-item'>first item</div></div> 第一项的flex-grow: 1和max-width设置为200px。第二个项目的边距-left: au

浏览 2提问于2015-08-09得票数 26

3回答

Flexbox行-反转换行对齐- IE 11上的项目

html、css、google-chrome、flexbox、internet-explorer-11

此笔在IE11和Chrome之间的行为不同：https://codepen.io/excelkobayashi/pen/EMgaOE HTML： <div class="container">flex-direction: row; align-items: flex-end; } 预期结果和Chrome行为:两个div都与父元素的<

浏览 18提问于2019-03-05得票数 1

2回答

DIV在另一个DIV中的垂直对齐

css、vertical-alignment

几天来，我一直在尝试垂直对齐.sl_container。正如我说过的，我尝试过

浏览 10提问于2017-11-03得票数 1

回答已采纳

3回答

如何在IE11中实现柔性端的工作

html、css、flexbox、internet-explorer-11

我试图让justify-content: flex-end;在IE11中发挥作用，因为隐藏的DIV内容泛滥，但没有成功。在尝试了几种组合之后，我创建了一个最小的代码片段，它在Chrome中工作，但在IE11中不起作用：.token-container { white-space:; justify-content: flex-end; &#

浏览 6提问于2015-10-01得票数 4

回答已采纳

2回答

当容器在iE11中有固定高度时，Flexbox项不按预期垂直对齐。

css、internet-explorer、flexbox

在IE11中，我有一个挠曲盒垂直对齐问题。 <div class="item"> <img src="imag

浏览 3提问于2017-09-26得票数 1

回答已采纳

1回答

在IE 11中不工作的Flexbox对中

html、css、flexbox

在IE11中使用justify-content和align-items似乎不起作用，而在其他浏览器中，它的工作方式与我所期望的一样。有人知道解决办法吗？ align-items: center; flex-direction: column;} align-items: center; disp

浏览 0提问于2018-07-06得票数 2

回答已采纳

2回答

引导4导航栏内容垂直对齐在IE 11中被忽略

internet-explorer、bootstrap-4、navbar

我把我的肚脐放在背景图像(使用类bg-灯)与肚脐位于图像底部。但在IE11中，导航条出现在图像的顶部。我知道IE 11有问题的引导带对齐，这可能是其中之一，但不知道是否有任何解决办法，以使肚脐保持在IE的底部图像？下面是已剥离的代码：.bg-light{ background-image:url("https://www.resti

浏览 4提问于2021-07-17得票数 0

回答已采纳

点击加载更多