CSS网格:在网格中居中显示所有内容

文章/答案/技术大牛

发布

4回答

css、grid-layout

我下面的代码片段如我所愿地工作，但是当有更多的可用空间时，我发现没有办法将所有<code>D0</code>居中。在较小的屏幕上，结果与预期一致：<code>B1</code>在大屏幕上，我得到了这样的结果：<code>B2</code>我想要的是：<code>B3</code>

浏览 26提问于2020-11-13得票数 0

3回答

离子含量内的离子4中心离子网格

flexbox、ionic4

我有一个简单的离子内容，里面有一个离子网格，一个h1。如何在离子内容中垂直居中离子网格？并在离子网格中将h1垂直居中？ion-content { height: 100vh; align-co

浏览 5提问于2018-11-26得票数 5

1回答

用于数据库项的CSS网格

javascript、html、css

我试着用css从数据库中按网格顺序创建元素，但是所有的项目都被移到左边而不是研磨。我试过各种方法来划分项目，但都失败了。div>"; document.getElementById("content").innerHTML += html; 这是我的css

浏览 18提问于2022-09-14得票数 0

回答已采纳

1回答

CSS网格内容居中

html、css、grid、css-grid

meta charset="UTF-8"> <link rel="stylesheet" href="style.css<div class="main-fixedWidth"></div> </div> </body&

浏览 9提问于2017-08-17得票数 0

5回答

调整页面大小后使可变宽度网格居中

css、html、resize、wrapper、center

这是我想在CSS：中做的事情的图片。有什么想法吗？

浏览 3提问于2013-03-06得票数 3

3回答

fluid CSS框架

responsive-design、css-frameworks

我在谷歌上搜索了一整天，寻找一个轻量级的网格框架，但希望得到一些流畅和响应式的东西--也许我的需求相互冲突。这是一个网站后端的管理面板，所以960网格并不是我真正想要的。理想情况下，应用程序应该使用媒体查询来消耗所有可用的空间，当屏幕空间非常宝贵时，媒体查询会隐藏一些不太相

浏览 4提问于2013-09-28得票数 2

2回答

Expression Blend缺少捕捉参考线

expression-blend

我甚至想将一个对象的中心捕捉到网格的中心。

浏览 2提问于2011-11-17得票数 2

回答已采纳

2回答

如何使用bootstrap将web划分为2列？

html、css、twitter-bootstrap、twitter-bootstrap-3

我想将一个用JSF制作的网页分成两列，但我遇到了问题，因为它没有按我想要的方式显示。我会让你看看我有什么。panelGrid> 正如您所看到的，我的应用程序中有两个部分:左边的部分是一个表单，右边的部分包含指令和一个不同的表单(我知道它还没有包含在h:表单中)

浏览 0提问于2015-07-23得票数 12

回答已采纳

1回答

为什么按钮中的文本总是垂直地居中？

html、css、layout、typography

我注意到当我给按钮一个特定的高度时，文本总是垂直地居中。到目前为止，我尝试挖掘Chromium代理样式表，但没有成功。-webkit-appereance: button也没有做到这一点。哪个属性使文本垂直居中，而不需要任何附加包装？这里发生什么事情？

浏览 2提问于2018-12-28得票数 1

回答已采纳

2回答

如何使内容包装器在css网格的“顶部”

html、css、grid、css-grid

我正在使用一个两列CSS网格的站点布局，它看起来有点像这样。它工作得很好，所有的内容都在每个div中完美地居中。带有"bg“的单元格只有一个背景图像。每个网格单元都“接触”浏览器窗口的边界。-++--------+--------++-----------------+ 但是，有没有一种简单的方法来包装和居中内容

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

1回答

用网格内容填充文本

html、css、css-grid

我在CSS中使用网格布局，我有一个跨度，底部有一个网格。我的网格的每个单元格都有一个居中的内容，我想在我的文本中添加左右两边的填充，以便与两边的单元格的内容对齐。我想要一个完整的css解决方案，但我不确定是否可能… 如果你想尝试一些东西，这里有一个jsfiddle：<cod

浏览 10提问于2019-03-27得票数 1

1回答

变换-缩小不会使内容居中

css、transform

我有一个很好的网格，上面有不同的内容块。#container.overlay-open {}#container然而，当我向下滚动一点并单击另一个块时，网格容器一直在缩小，但容器稍微移到了屏幕的顶部，它不再居中(图3)。如何在缩放后保持内容<

浏览 1提问于2014-11-14得票数 1

2回答

网格垂直中心化文本CSS

html、css

我正在尝试创建一个有四个不同象限的网格。在每个象限中，我希望文本的垂直和水平居中。我的文本是水平的，但不是垂直的。这是我的一部分网格的图片。 .gridcontainer { grid-template-columns: auto auto; grid-template-rows: 100% 100%;下面是我的一个网格<

浏览 5提问于2020-07-25得票数 1

回答已采纳

3回答

居中导航栏元素

html、css、menu、navigation

-- #access -->我当前的CSS：background:#000;margin:1em 0; div#menu ul

浏览 1提问于2010-08-12得票数 0

1回答

如何在CSS网格中调整图像大小以使网格适合页面宽度

css、css-grid

我对web dev是个新手，目前正在学习HTML和CSS。我想在我的网站内创建一个投资组合页面，并为这件事使用了3列CSS网格，我想适应页面宽度和居中。我设法显示我想要的图片，边距和所有的，但我被一个问题卡住了:我的图像太大，这导致CSS网格太大并显示在页面之外。图像都是1000x1000像素的。我希望我的CSS网格调整自己的大小，以适应页面宽度，同时保持其外观。我该如何实现这一

浏览 3提问于2020-07-17得票数 0

1回答

使用Rmarkdown中的.tabset对齐两行的制表符

html、tabs、r-markdown

我有以下代码，并希望选项卡出现在两行以上，这样row 2: `A Table`, `B Table`, `C Table`---output: html_document

浏览 5提问于2022-10-21得票数 0

2回答

如何在Contentpanel GWT中使网格居中

gwt、grid、gxt

我需要任何人告诉我如何在内容面板中居中网格。先谢谢你，

浏览 2提问于2012-05-03得票数 1

3回答

如何在CSS中将左侧浮动项居中？

html、css

我在我的CSS文件中有以下代码，它导致我的网格/框项目显示在网页的左侧。但是，我希望它们居中。我试着删除了float;left和许多替代方案，但都不起作用。我可以从下面添加/删除哪些内容以使它们居中？网格：height:235px;border:1px solid #dedede;border-radius

浏览 0提问于2015-11-03得票数 0

1回答

在中间包含某些元素的CSS网格(离网)

css、css-grid

我需要创建一个使用CSS网格的页面，格式如下： ? 所有的项目都有相同的尺寸(400*250)，通常是一排四个，但有时，其中一些，图片中的红色，必须放在中间(客户的要求！)因为他们的内容比其他人更重要。因此，这些水平居中的红色容器应该在数学上打破4x网格，我不知道如何做到这一点。在移动设备上，无论它们都在一列中。提前谢谢。

浏览 16提问于2021-07-20得票数 0

回答已采纳

2回答

如何在CSS网格中垂直居中显示内容？

css、css-grid

我知道我需要首先收紧div，这样它就只是实际div中内容的高度，然后以某种方式水平对齐到更大的绿色div。

浏览 11提问于2019-08-07得票数 2

回答已采纳

点击加载更多