弹性框列增长不能正确考虑IE11中的包装内容
弹性框列增长是指在网页布局中，使用弹性盒模型（Flexbox）来实现列的自适应增长。它可以让列根据容器的大小自动调整宽度，以适应不同的屏幕尺寸和设备。
在IE11中，由于其对CSS3的支持不完全，存在一些兼容性问题。其中一个问题就是无法正确处理包装内容（wrapping content）的情况。具体来说，当弹性框容器中的内容超出容器宽度时，IE11无法自动将多余的内容换行到下一行，而是会导致内容溢出或者出现滚动条。
为了解决这个问题，可以采取以下方法之一：
- 显式设置弹性框容器的宽度：通过设置容器的固定宽度，可以确保内容不会溢出，并且在IE11中正常换行。但这种方法可能会导致在不同屏幕尺寸下的布局问题。
- 使用浮动布局：将弹性框容器的子元素设置为浮动，可以实现类似的自适应效果，并且在IE11中正常换行。但需要注意浮动布局可能会带来其他兼容性问题。
- 使用JavaScript进行兼容性处理：通过检测浏览器版本并应用特定的CSS样式或JavaScript代码，可以针对IE11进行特殊处理，以解决弹性框列增长的兼容性问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云弹性伸缩（Auto Scaling）：https://cloud.tencent.com/product/as
- 腾讯云弹性负载均衡（CLB）：https://cloud.tencent.com/product/clb
- 腾讯云弹性容器实例（Elastic Container Instance）：https://cloud.tencent.com/product/eci
- 腾讯云弹性文件存储（CFS）：https://cloud.tencent.com/product/cfs
相关·内容
我组合了一个非常简单的页面，使用一个主要的flex容器来强制页脚留在页面的底部。它在除IE11之外的主要浏览器中都能完美地工作。在IE中，虽然它最初可以工作，但如果里面的内容必须换行，那么flexbox的计算大小不会调整。我已经尝试了设置最小高度，不同的flex基础，flex增长/收缩的变化，前缀。似乎什么都不起作用。在这里，您可以看到它在视图端口足够小以包装内容之前进行
浏览 8提问于2020-04-14得票数 1
2回答
但是，其中一些内容必须具有包装文本的能力。当窗口水平缩小时，最右边框中的文本应开始插入新行：
当文本不能再分解成更多的线条时，挠性框本身就应该开始中断：
这在大多数现代浏览器中都很好，但我们的朋友IE11却不行(在
浏览 5提问于2017-10-27得票数 8
回答已采纳
5回答
我在IE11中使用flexbox遇到了一个问题。使用flex-direction: column时，flex-items重叠： ? 在其他浏览器(chrome，safari)中，它看起来像这样： ? class="flex"> </div>
</div> 我做了一个代码来演示这个问题： http://codepen.io/csteur/pen/XMgpad 要使此布局在I
浏览 202提问于2017-03-13得票数 32
回答已采纳
我正在努力，这似乎是一个相当简单的挑战。我需要设计简单的布局，其要求如下：固定车身/包装宽度(1024，居中)列100%高，即使没有内容表不能用于
我在Stack溢出网站上找到了很多答案，但似乎没有什么能像我想要的那样充分发挥作用。
浏览 6提问于2021-03-29得票数 1
我认为布局非常简单，但在ie11中，布局包装似乎不起作用。请查看此，或者只考虑以下代码： <div layout="column"> </div>
<
浏览 2提问于2017-05-17得票数 0
回答已采纳
我正在尝试创建一个CSS类，它应该占用一个flex容器的剩余空间，而不管flex条目的数量如何。这意味着固定百分比的width或flex-basis不是选项。根据的说法，应用.flex-item { flex-grow: 1; flex-basis: 0; }应该起作用，但是，即使在将框大小设置为边框之后，当某些项目有填充或边框时，它也不能工作。这是一个bug还是想要的行为？是否可以为任意数量的flex项指定相同的宽度，而不考虑填充和
浏览 1提问于2016-09-19得票数 2
回答已采纳
2回答
我有两个父母的盒子放在一起，在他们里面我有另一个弹性盒，这样h2和p可以并排坐着。为什么我的文本内容包装，当有空间为每个弹性框展开？在这个例子中，标题是在Is后面包装的--为什么h2不能展开，使This Is Title A全部出现在一行上？
浏览 0提问于2019-03-04得票数 1
回答已采纳
我在下面列出了确切的片段：
这里我们是说，为了我们的空间分布计算，项目的大小是0，所有的空间都是供抓取的，并且由于所有的项目都有相同的弹性增长因子，它们得到的空间分布是相等的。最终的结果是三个等宽、灵活的项目。
我将使用一列垂直的子列，将其替换为一行水平的子列，但是工作不应该不同。我的</
浏览 1提问于2020-05-10得票数 0
我需要在嵌套的flex容器中有一个宽度为100%的图像，但是当容器有IE11时，这是行不通的。
浏览 4提问于2018-01-08得票数 0
回答已采纳
我正试图实现的弹性布局，如下图所示。在我的代码示例中，我还没有成功，所以我无法提供任何有用的代码片段。框1为固定宽度和100%高度
它将被包装在容器DIV中(未显示)。这是Flex的正确用法，还是应该将网格用于类似的事情？我已经找到了一个示例，它成功地使方框1或方框4就位(如此处：
浏览 2提问于2020-02-27得票数 0
回答已采纳
在这里，我使用列表对象中的文本框手动创建了一个表：这样做的问题是，如果其中一个文本框只包含太多文本，它将增长，而其他文本框的高度将保持不变。现在，另一个问题是您不能合并同一列中的两个单元格(垂直合并)。有没有一种方法可以使用控件的组合来复制图片中的内容，这样如果发布描述文本框中有太多的</e
浏览 0提问于2013-02-07得票数 0
回答已采纳
首先，我要说的是，不幸的是，我仍然必须支持IE11，我不认为这是一个重复的问题，尽管我已经找到了一些类似的问题。
我有一个简单的模式窗口，其中包含3个灵活的组件在一个列，页眉，页脚和主要。我们的计划是，外框应该随着内容的增长而增长，直到它达到屏幕高度的80%，在这一点上，设置为overflow-y:auto的模式的</e
浏览 11提问于2016-08-04得票数 2
3回答
从这个中可以看到，我基本上尝试使用这个CSS来创建两个div，这些div应该完全满足这些需求：
如果两个项目都有足够的空间可供使用，但宽度小于较宽项的两倍，则较窄的项应缩小(不起作用，它会包装)。我不理解这种行为，因为我已经为flex项目设置了fle
浏览 9提问于2017-04-27得票数 8
回答已采纳
我试图在所有使用css :before的表之前添加"Table“标题。出于某种原因，:before content作为单元格将第一列的宽度扩展到自身的宽度。如何使用:before将标题添加到表中，该表应作为独立的标题？
浏览 5提问于2016-04-03得票数 0
回答已采纳
1回答
在flexbox布局中，有没有可能让两个相邻的元素表现得像一个元素一样？假设这是我的标记： <div>Flower</div> <div>Bee</div>| ||________| |
浏览 1提问于2017-11-20得票数 2
4回答
嘿，我正在尝试为一个画廊创建一个响应性的盒子布局，它看起来像这个
<div class="flex-container same-width same-height">
浏览 2提问于2013-10-28得票数 15
回答已采纳
我想要一个类似于这样的布局，在这个布局中，C会动态地以更多的内容增长。
然而，这正是我所得到的。基本上，A行与C一起增长：
我的带有模板区域的包装代码： display: grid;}
我已经考虑过将A和B组合成一个列，然后使用flexbo
浏览 0提问于2019-04-04得票数 3
回答已采纳
3回答
是否有任何机制可以指定flex-*样式属性，用于在flexbox的横轴上进行布局？
我有一个布局，由两个水平对齐的框组成，在可变宽度的弹性框中具有最小宽度。0的收缩值，这将使左侧框的最小宽度为200px，通过设置右侧框中较小的增长值和较大的值，右侧框将填充剩余空间，而左侧框的
浏览 0提问于2014-09-03得票数 19
在这个固定的容器内是一个挠曲箱，占高度的100%。我将项添加到列中堆栈的flex框中。我添加的最后一项(容器包装)中的动态内容将通过AJAX调用替换HTML (否则，我只需将操作栏移出包装器并完成)。这个内容包装器也是一个flex容器(以及一个flex项)，并设置为随窗口高度的增长和收缩。这个
浏览 2提问于2015-04-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
