CSS网格中的相同宽度列-IE11
我有一个有3列的网格。问题是第3列比其他两列更宽。都不是
网格-模板-列：重复（自动拟合,最小（33.33%,1fr))；
也不
网格自动列：33%；
工作，因为IE11不支持自动拟合和网格自动列。
在IE11中有没有替代的方法来实现这一点呢？多谢了。
共有1个答案
作为另一种方法，您可以尝试使用引导程序来实现相同的布局，代码如下：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<div class="container-fluid">
<p>Resize the browser window to see the effect.</p>
<div class="row">
<div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
<div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div>
<div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
</div>
</div>
结果是这样的：
-
我有风景。视图内部的网格分为2列。 在自动列（列0）中，我有另一个视图 我希望列表框适合在网格内，不显示滚动条，即使文本块有很长的文本。请提出一个解决办法。
-
问题内容： 你好。 我有一份SSRS 2005报告，其中显示了物价。对于某些客户，我在表中隐藏了一列（在“可见性-隐藏”属性上带有表达式）。 当我这样做时，我的桌子缩水了。我一直在努力寻找一种方法来动态调整此表的大小（或在设计时做一些事情以使其保持相同的宽度），但是我一直陷于困境。 简单地说“你不能做”的答案对我没有帮助。我已经读过：http : //forums.asp.net/t/135495
-
问题内容： 鉴于以下几点，我如何使我的最后一列自动调整大小？（最后一列应自动调整内容的宽度。假设我只有1 li元素应该收缩，而我只有3 li元素等等）： CSS： 问题答案： 以下将解决您的问题： 灵活的基于类的解决方案 一种更灵活的解决方案是创建一个类，并将其应用于您要确保其内容适合一行的任何列： 然后在您的HTML中：
-
问题内容： 我在长度为4+的div内有一系列文章，没有任何四舍五入的行标记。我需要将其表示为每行3个文章（列）的表格，大概用display: grid。每篇文章都有一个页眉，一个节和一个页脚。 如何 在每行文章的内部为每个页眉实现相等的高度，为每个部分提供相等的高度以及与文章底部对齐的相等高度的页脚？可能吗 我应该使用display: table吗？ PS我需要根据屏幕宽度动态更改每行的文章数。谢
-
问题内容： 我知道也有类似的问题，但这是专门问如何使用CSS Grid Layout做到这一点。 因此，我们有以下基本网格设置： HTML（带有侧边栏）： CSS： 要创建看起来像这样的布局： 如果页面没有侧边栏，即。html看起来像这样，但是具有相同的CSS： HTML（无边栏）： 页面布局看起来像这样（破折号代表空白） 我知道为什么这样做，网格列仍在规则中定义。 我只是想知道如何告诉网格，如果
-
我需要制作某种表格，在其中存储简单的区域节点（之后我会在上面做其他事情——比如水平移动单元格并给它们其他属性，例如标签）表格将有很多列， 这是我生成该表的部分代码。 这是我在屏幕上得到的输出。正如你所观察到的，一些网格是紧粒度的，而另一些网格则是紧粒度的 你知道为什么它是错误的，以及如何修复它吗？ 附言：这是我在这里的第一个帖子，我希望我做的一切都是对的；）