提问搜索_PHP中文网

社区

学习

工具库

AI工具

休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

CSS网格布局方格单元格

我想要创建一个类似仪表盘的视图，其中使用CSSGrid-Layout作为基础。我希望在整个屏幕的长度上分布16列（应该是响应式的）。然后，单元格的高度应该由单元格的宽度决定，以使单元格成为正方形。问题是，我希望某些单元格跨越多个单元格。例如，我想要一个占用2x1个单元格的元素。所以我有基本的网格布局：.grid-container{display:grid;grid-template-column

P粉593536104 2023-08-15 20:13:32

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

如何制作网格布局扩展的动画？

我想知道如何为网格布局的扩展设置动画。正如你在代码中看到的，我有4个div。其中两个会显示，另外两个仅在选中该复选框时才显示。选中该复选框后，将添加另一行，其中包含div3和div4。我如何使扩展动画化？最好保持网格的大小。我不希望动画影响（不存在的）边距。我也想在没有JavaScript的情况下做到这一点。可能吗？<!DOCTYPEhtml><html><head&

P粉937382230 2023-08-31 21:09:37

使用单个网格或 Flex 创建多样化的卡片布局：实用指南

我正在尝试制作如图所示的响应式卡片布局。目前我正在做的是分别为计算机、平板电脑和移动设备创建布局。然后在media查询的帮助下，我将其他两个视图的显示属性设置为display:none。例如：如果我在计算机视图中，计算机的卡片布局将不会将显示设置为“无”，而另外两个计算机的显示将为none。这可行，但会导致大量冗余。有一种方法可以使用Flex或网格实现所有三种布局。请指导我。

P粉808697471 2024-04-02 21:07:36

html - css布局 table cellspacing

表格布局使用了cellspacing=0，如何使上下两个tr之间出现1px的间隙

迷茫 2017-05-16 13:28:07

布局问题

请问一下，能讲一下布局吗？

不言失败 2021-04-11 22:59:23

vim - 怎么样的编辑器窗口布局最有爱呢？

在堆码时，怎么样的窗口布局最好最实用呢？是双列、双行、多行多列、网格、竖T？还是其它呢？

習慣沉默 2017-05-16 16:41:12

Vuetify 项目列表中的自适应网格布局

我遇到了一个似乎很常见的问题，但我可以克服它。我有一个API查询，它返回一个对象列表。我想将我的页面显示为填充内容的卡片网格。我希望网格有5列，行数将适应列表中元素的数量。我可以弄清楚如何实现它。例如：我有一个查询返回items[{"id":1,"title":"title1,"description":"descri

P粉710478990 2024-01-29 11:36:47

左右布局不对

为什么我这刷出来左右布局都不对？

P粉653371603 2022-01-18 19:02:01

限制内容扩展的网格项

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网格的HTML<divid="grid"><divclass="main-item">Main</div></div>#grid{display:grid;grid-template-columns:repeat(5,auto);text-align:center;}#grid>*{bo

P粉492959599 2023-09-15 16:01:55

裁剪和移动图像。网格布局

我正在努力将图像放在正确的位置并将其裁剪在顶部和底部。这就是它应该看起来的样子（英雄部分）：https://www.behance.net/gallery/161732057/CozyMornings-online-store整个项目是在网格上构建的。我需要一个向左移动的圆形图像，大于容器并在顶部和底部进行裁剪。此外，它应该具有响应能力。我试图将图像放入包装中。给这个包装器相对位置并隐藏溢出。这不

P粉548512637 2023-09-15 19:18:46

使用 CSS 网格实现自定义布局：针对特定元素

我需要使用CSS网格重现此设计，并且我尝试定位特定的网格元素以获得结果，但没有成功。这就是我目前所拥有的，我需要修复一些东西，但我想在之前得到正确的结构。附上代码片段：.grid-container{display:grid;grid-template-columns:repeat(13,minmax(30px,auto));gap:30px;}.grid-item{background-colo

P粉144705065 2024-03-28 11:25:39

局域网为什么访问不到网页

网页为静态网页，按教程设置好后，局域网内其它电脑无法访问

玛雅婚纱婚庆阿科（财务） 2021-01-10 11:33:29

java - 多个界面相同布局？

假设我有5个不同的Activity但这5个activity底部的布局、功能都是一样（其他布局不一样例如toolBar），我想问一下如何才能让这个相同的布局只写在基类Activity中然后其他Activity继承这个BaseActivity，从而实现只...

ringa_lee 2017-06-20 10:06:35

CSS 可以显示网格线吗？

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

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

css - Flex布局问题

header是用的flex布局，想要搜索框水平居中，类似原生IOS里面的布局不受左右两边内容的影响，依然水平居中我记得我之前实现过，后来用了flex.css就忘了，麻烦看看用这个怎么实现

曾经蜡笔没有小新 2017-05-19 10:47:50

局域网网站，内网设备连不上打不开网页？

各位好，为什么我的局域网站，内网设备连不上打不开网页，是怎么回事请多多指教谢谢？

phpcn_u70761 2017-12-06 16:44:32

javascript - 关于圣杯布局的一点疑惑

这是一个标准的圣杯布局这是html代码 {代码...} sheng.png

学习ing 2017-07-05 10:54:07

是否可以通过 MediaQueries 更改在较小分辨率下显示的布局而不更改默认布局？

我在默认分辨率上使用“网格模板列”布局，使元素按预期显示，但在较小的分辨率上，它们由容器优先级渲染，创建我想要更改的视觉效果。在默认分辨率下：在显示屏左侧呈现，然后在显示屏的另一端呈现，然后是位于其下方。在较小的分辨率上，我想让元素在此布局中呈现：然后然后一个每个都在另一个之下。<divclassName='containerabout_container'><div>&l

P粉301523298 2023-09-16 14:17:29