提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

为什么我的 html/CSS 网格在网格中不起作用？

我试图在另一个网格中的一个网格中创建一个输入表单，但它不起作用。我已经多次查找如何制作css网格，但我不知道我做错了什么。整个页面卡在第一个网格框中。我想知道我是否正确使用了正确的位置来实现网格，或者是否可能是我如何将网格类/id放入我是html/CSS新手，所以如果有其他问题请告诉我。（除了当我复制粘贴时缩进被搞乱之外，我试图修复它）<!Doctypehtml><lang=&q

P粉146080556 2024-02-17 15:49:36

grid-template-rows: Repeat(auto-fill, 80px) 可以与 grid-auto-rows: 80px 互换使用吗？

我希望网格在添加动态内容时根据需要添加更多行。这就能解决问题：.grid{display:grid;grid-template-rows:80px;grid-auto-rows:80px;//grid-template-rows:repeat(auto-fill,80px);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-

P粉823268006 2023-09-12 21:10:45

CSS 网格布局，自动添加行并将列宽度设置为最大网格项目宽度

我想要一个具有任意数量的网格项的网格布局，当一个网格项被填充时，它会自动创建一个新行，有点像：#grid{display:grid;width:256px;border:1pxsolidblack;grid-gap:12px;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));}#gridspan{background-color:lig

P粉818317410 2024-03-28 11:13:36

为什么使用网格模板区域显示网格不起作用？

我试图通过网格模板区域实现元素排列，但它不起作用。我正在尝试使用网格系统垂直和水平排列块。使用左侧的图片和另一侧的文字。为什么这段代码不起作用？.news__wrapper{display:grid;grid-template-areas:"aac""bbc";}.news__item{display:flex;align-items:center;just

P粉541796322 2023-09-09 16:28:13

限制内容扩展的网格项

TL;DR:是否有类似于table-layout:fixed的CSS网格布局的属性？我试图创建一个年视图的日历，其中有一个4x3的大网格用于月份，内部嵌套的是7x6的网格用于日期。日历应该填满整个页面，所以年份网格容器的宽度和高度都设置为100%。.year-grid{width:100%;height:100%;display:grid;grid-template:repeat(3,1fr)/r

P粉199248808 2023-08-20 19:49:37

CSS 可以显示网格线吗？

我开始学习CSS的网格布局。在理想的情况下，我将能够设置一个div多个网格框，并将我的元素精确地放置在其中，在需要时提供叠加（有点像在Illustrator中使用粘在网格上）。如果没有该网格的可视化表示，这可能会非常困难，是否可以在我的实时服务器上看到一个网格？我尝试使用Chrome开发工具“显示网格线”，但是每当我刷新或进行更改时，它们就会消失。或者，当我想要拥有由多个元素和空白空间组成的更精确

P粉133321839 2024-03-31 20:38:21

导航元素不受display: grid影响

我在一个设置为网格显示的导航栏中有一些ulli元素，但它不像我预期的那样工作。li元素显示出来好像没有应用网格。这是代码：*{padding:0;margin:0;}.grid-container{display:inline-grid;grid-auto-columns:autoautoautoauto;text-decoration:none;}.grid-containerli{list-s

P粉295728625 2023-09-20 12:05:51

使网格单元格内容居中对齐

我想在网格项内部居中对齐内容，水平居中但垂直不居中。在JSfiddle上查看：http://jsfiddle.net/6zs8ydhf/.container{display:grid;grid-template-columns:200pxauto;grid-template-rows:400px200px;}.item{border:1pxsolid#111;}.item2h1{display:f

P粉060528326 2023-09-15 10:34:15