CSS列(不是网格)在Chrome中无法正常工作
CSS列是一种用于网页布局的技术，它可以将网页内容分为多个列进行展示。然而，在Chrome浏览器中，有时候CSS列可能无法正常工作，导致布局显示异常。
这个问题可能是由于浏览器的兼容性或者CSS属性的使用不当引起的。为了解决这个问题，可以尝试以下几个方法：
- 检查浏览器兼容性：首先，确保你使用的是最新版本的Chrome浏览器，因为新版本通常会修复一些兼容性问题。另外，可以使用Can I use网站（https://caniuse.com/）来查看CSS列属性在不同浏览器中的兼容性情况。
- 检查CSS属性：确认你正确地使用了CSS列相关的属性。常见的CSS列属性包括
column-count（指定列的数量）、column-width（指定列的宽度）、column-gap（指定列之间的间距）等。确保这些属性的值设置正确，并且没有冲突或者错误的语法。 - 检查父元素的宽度：CSS列布局通常需要一个父元素来包裹要分列的内容。确保父元素的宽度足够容纳所有列，并且没有被其他元素或者样式所限制。
如果以上方法都无法解决问题，可以尝试以下替代方案：
- 使用Flexbox布局：Flexbox是一种更为灵活的布局方式，可以实现类似于CSS列的效果。通过设置父元素的
display: flex属性，可以轻松地实现多列布局。更多关于Flexbox的信息可以参考腾讯云的Flexbox介绍（https://cloud.tencent.com/developer/doc/1076）。 - 使用Grid布局：CSS Grid是另一种强大的布局方式，可以实现复杂的网格布局。通过定义网格容器和网格项，可以轻松地实现多列布局。更多关于CSS Grid的信息可以参考腾讯云的CSS Grid介绍（https://cloud.tencent.com/developer/doc/1077）。
总结起来，如果在Chrome浏览器中CSS列无法正常工作，可以先检查浏览器兼容性和CSS属性的使用情况，然后尝试使用Flexbox或者Grid布局作为替代方案。希望以上信息对您有所帮助。
相关·内容
1回答
我使用的是一个名为"text-col-“的类，后面跟一个最多6的数字，它利用了columns: [number];的CSS。它完全按照我的预期在Firefox中工作，而不是在Chrome中。我将在这里编写具体的代码(这样你就不必去查了)，但也会链接到一个实时版本，在那里你可以直观地看到我的问题(也就是在Chrome中)。 @if $i
浏览 6提问于2018-02-20得票数 1
回答已采纳
在Firefox (版本67.0)上，我有一个网格表来显示数据。我使用forEach()从JSON数据为网格表创建列和行。它大约有100行，10列。在创建行和列的迭代过程中，浏览器冻结，我无法在网页上做任何事情。迭代之后，一切都恢复正常。 我尝试过在不同的浏览器上做同样的事情: IE，Edge，Chrome (最新版本)。IE、Edge上存在冻结问题，Chrome
浏览 20提问于2019-05-30得票数 0
回答已采纳
我正在用网格创建一个简单的两列布局。其中一个包含图像，第二个只有几个段落。我想设置图片高度与文本第二div相同。我的模板行属性被设置为min-content，它在火狐上工作得很好，但在Chrome上，我的图像正在扩展到它的所有高度。
浏览 1提问于2020-05-30得票数 4
回答已采纳
2回答
此博客列表格式在chrome中不起作用。它在Safari中看起来很好(虽然它不会堆叠)，但我不知道我在Chrome上做错了什么。我在我的chrome浏览器中附上了博客列表的图片。我添加了更多的css以供参考。如果你能帮上忙，请告诉我！非常令人羡慕！
浏览 16提问于2020-09-16得票数 0
2回答
我真的很喜欢我在文档/教程中看到的东西，但我在最初的一些布局尝试中遇到了一些意想不到的结果。25 revision 30365) [x86_64-darwin10.5.0]
正如您所看到的，检查h1元素会发现它正好位于网格之外这是正常的吗？
浏览 0提问于2011-06-05得票数 2
1回答
现在，如果我在页面上创建一个，网格就会出现。如果我从#gridbox (在使用chrome开发工具加载页面之后)删除类gridbox，那么bug就会消失，但是样式也会消失(当然！)。如果我删除引导css，网格工作正常(当然，引导导航条不能！)我在引导程序中搜索gridbox类，但它不存在。那么
浏览 0提问于2015-10-28得票数 1
回答已采纳
我使用的角度与ag网格，如根据.1.我在vscode中编写了实际的代码，但是我无法在stackblitz中成功地再现它。2.我的网格包含宽度为200的10列，当我在vscode上进行ng测试--代码覆盖时，测试在chrome浏览器上运行，我立即将其扩展到全屏。我所有的测试都通过了。但是，当我将我的chrome调整为屏幕的30%或更少的并重新运行我的测试时，它显示
浏览 0提问于2020-08-29得票数 1
回答已采纳
1回答
动画新的ng-网格行
、、、、
如何在ng网格中动画新创建的行？$scope.gridOptions = { rowTemplate: '<div下面是我的尝试的一个柱塞
我在底部添加了一个<ul>来显示我想要的行为(并证明ng动画是有效的)。
浏览 1提问于2013-12-04得票数 2
回答已采纳
1回答
grid-template-columns的计算值是非均匀的，但只适用于这四种形式中的第一种.对于以下三种表单--它们使用相同的基本网格定义--网格的列都是一致大小的，这正是我在使用repeat(12,在Chrome 80之前，情况并非如此:表单的所有网格都有大小一致的列。
在其他浏览器(Safari和Firefox)中，列按预期呈现。在Chrome 80
浏览 2提问于2020-02-12得票数 4
回答已采纳
我使用JQuery Ajax调用webservice来绑定JQgrid中的数据。然而，数据在IE8 (浏览器)中是正确绑定的，但在Chrome和Firefox浏览器中不是绑定。
浏览 2提问于2013-05-23得票数 0
我正在使用CSS网格进行布局，并在Chrome和Firefox上进行了测试，一切都很好。我有一个4列的布局，既有行间隙，也有列间隙，在某些媒体查询断点变成2列，然后变成1列。这就像一个护身符。我试着在我的手机上测试我的页面，一切似乎都正常，除了我的网格间隙，它被完全忽略了，没有间隙。然后我尝试在Edge中测试我的页面，在这里似乎没有一个网格属性起
浏览 0提问于2017-10-03得票数 0
我已经创建了一个模板页面，该页面使用CSS3 column属性在两个整齐的列中显示WordPress查询结果。结果流畅美观，除非我使用(类似) JavaScript动态更改列的内容。在我的例子中，显示的每个WordPress结果都是一个<ul>元素，它的<li>子元素最初是隐藏的。当子元素取消隐藏时，列有时会重排以保持相同的对称性。从美学的角度来看，它很棒，但从功能的角度来看，它跳过了我的内容，这不是我的意图。
有没有什么方法可
浏览 0提问于2017-01-24得票数 3
在将角网格组件更新到~1.7版之后，当我在网格中显示数据时，这些列是无序的，列标题不再匹配列中的数据。我花了不少时间进行测试，以下是我的研究结果：
在11和最新的Firefox中，同样的页面也能正常工作</e
浏览 0提问于2018-01-26得票数 0
1回答
我一直在努力使CSS网格在铬上的按钮上工作。它在Firefox上运行得很好，但在Chromium上却有问题。显示网格时，就好像没有定义第二列。className="child"></div> <div className="child"></div&g
浏览 2提问于2020-04-17得票数 0
回答已采纳
1回答
我正在尝试使用CSS网格在我的页面上创建一些列，但我无法使其在IE上工作。 padding-left: 10px; font-size: 12px;有没有可能将此CSS转换为在IE上工作？
浏览 0提问于2018-02-22得票数 0
我使用引导程序3，并使用CSS列属性将内容设置为显示在2列中。我知道这可以通过Bootstrap来完成，但是在这种情况下，最好使用CSS列。但有什么想法吗？编辑(增加例子，感谢克里斯蒂娜;)
在本文档<
浏览 3提问于2015-05-12得票数 0
回答已采纳
2回答
$element.scrollLeft();但我似乎找不到正确的元素，所以它不能工作someDeepWidget').parents().each(function(){ });
一些元素滚动，但不是我需要的那个我一直在我的HTML中放置id，并将它们作为目标，但是，scrollLe
浏览 1提问于2013-11-21得票数 1
回答已采纳
1回答
响应式3列网格布局留下空旷空间。
、、、、
我正在建立一个响应的组合网站与一个缩略图网格。根据浏览器的宽度，它从一列网格到三列网格。
现在，这只是偶尔发生的事。当我调整浏览器的大小时，我可以看到它从正常的网格切换到错误的网格和返回(至少在Ch
浏览 1提问于2015-08-17得票数 0
回答已采纳
Office UI Fabric提供了一种网格布局机制，文档为。行(“ms-Grid- row”类)中的列条目属于"ms-Grid-col“类。我无法使列条目的垂直对齐方式正常工作，因为所有条目都是以顶部对齐方式呈现的。据我所知，css属性"align-items: center;“应该可以做到这一点，但它不会影响垂直对齐。是否可以覆盖垂直对齐，使网格中的所有条目居中对齐？
浏览 0提问于2019-01-09得票数 2
2回答
我有一个菜单，其中我希望菜单具有固定的高度，并希望垂直呈现菜单，而不是水平呈现菜单。也就是说，我希望菜单在达到一定高度后，在下一列中继续，这样就没有空格了。请看一下这张截图。这是我的CSS。
浏览 0提问于2013-02-21得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
