提问搜索_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

html - css布局 table cellspacing

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

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

布局问题

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

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

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

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

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

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

左右布局不对

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

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

css - Flex布局问题

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

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

java - 多个界面相同布局？

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

ringa_lee 2017-06-20 10:06:35

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

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

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

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

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

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

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

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

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

单列布局自适应

单列布局最后在主体加背景颜色是怎么添加的？不知道怎么实现你最后的效果，希望可以解答，谢谢

JIA 2018-03-17 23:45:41

Next.js 中的布局遮盖了页面内容

我正在尝试使用Material-ui(https://mui.com/material-ui/react-bottom-navigation/)中的底部导航作为我的Next.js应用程序中的布局。但是，导航遮盖了页面的底部。我尝试更改边距和填充，但没有用。我使用的底部导航与Material-ui完全相同。没有布局时看起来像这样。通过布局，它掩盖了内容-非常感谢

P粉018653751 2024-04-02 19:42:19

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

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

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

带有新换行符的两列布局

我正在为编辑项目尝试多栏杂志风格布局。由于显示器尺寸不断增大，我想通过创建与纸质杂志非常相似的布局（每页两到三栏）来利用显示器的所有可用英寸。我正在使用TipTap编辑器进行文章管理（因为它返回非常干净的HTML代码），并且在前端我得到以下html输出：我使用csscolumns类将文章分成两部分：article{columns:2;}但是结果是这样的：我想将所有的h2划分为解决段落，这样我就可以

P粉350036783 2024-02-03 21:08:53

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

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

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

css3 - flex两端布局

有这么一个需求， 1、2、3 盒子需要靠左上下居中，4、5、6盒子需要靠右上下居中用 flex 布局能实现吗，查了一些资料好像不行只能实现下面一些常用情况：

高洛峰 2017-05-16 13:27:30

javascript - layui table布局，当td中内容过多过长，会出现table页面被挤变形的结果，求更好的布局方式

如题，页面主要是用于展示相关信息。当td里面的内容过多时，下一行会被挤掉。想寻求更好的布局方式，不一定要table 布局]

迷茫 2017-07-06 10:35:25

css - 关于Flex布局的问题

我用flex布局代码是这样：.cszgroup-ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; padding-bottom: 5px;}.cszgroup-ul li{ width: 31%; margin-bottom: 10px;}结果是...

滿天的星座 2017-06-05 11:13:12