防止CSS网格内容流出边框，并换行到新行

文章/答案/技术大牛

发布

1回答

html、css、css-grid

我决定使用CSS网格布局来实现这一点，它有两列，左列表示标签，右列表示值。由于标签和表单数据事先都是未知的，所以我希望标签列的宽度与最宽的内容一样宽，而数据列则采用其余的宽度。</div> display: grid; min-height: 0; word-wrap: brea

浏览 3提问于2021-03-31得票数 0

回答已采纳

1回答

Css网格绕排列保持行高

css、css-grid

我不确定这是否可以通过css grid和/或css flexbox来解决，但我想我应该试一试，在这里问一下。但是，我还想要的是，基于该行中高度最高的单元格，行高是相等的。为了说明这一点，我在每列的一个单元格中添加了更多的文本，并添加了一个<hr>元素来模拟边框</em

浏览 8提问于2017-08-15得票数 0

2回答

网格项目可以包装吗？

javascript、css、overflow、css-grid

我如何使网格项目包装在他们的容器内？因为每当输入64作为新的网格大小时，网格项就会溢出其容器。我想要网格项调整到网格容器的大小。因此，基本上，我希望网格容器保持其大小，不管添加了多少新的网格项。

浏览 7提问于2022-05-12得票数 1

回答已采纳

1回答

有没有办法只让一个网格单元使用max-content，而另一个则相应地伸展？(同一行中的单元格)

html、css、css-grid

这是我简化的网格布局： ? 1;} grid-row: 2;} 我正在寻找的是，当左上角的单元格内容换行到新行时，网格将如下所示： ? 但是当左边的单元格内容溢出时，就会发生这种情况，而不是变成可滚动的： ? 有没有办法防止这种情况的发生，让第一行的高度只受左上角单元格的内容</e

浏览 18提问于2021-08-17得票数 1

回答已采纳

1回答

GWT DataGrid多行标题

gwt、gwt-celltable

我正在将一些GWT内容从CellTable迁移到DataGrid，主要是为了实现数据网格在滚动时锁定标题行的功能。我可以在DataGrid中获得此行为吗？我需要更改我的主项目css文件，还是更改clean.css？有没有一种编程方法可以在DataGrid上设置属性？我正在创建TextColumn等，并通过

浏览 2提问于2013-02-13得票数 1

回答已采纳

1回答

Bootstrap 2-网格列包装行为是否与Bootstrap 3相同？

css、multiple-columns、grid-layout、word-wrap、twitter-bootstrap-2

Bootstrap的网格系统基于12列布局，在当前版本(3.3.5)中，“如果在一行中放置的列超过12列，则每组额外的列将作为一个单元换行到新行上。”但是，我正在更新一个使用旧版本Bootstrap (2.3.2)的站点，文档中没有提到任何关于列换行的内容。我可以依赖Bootstrap 2.3.2中相同的列换行行为吗？

浏览 3提问于2015-10-09得票数 0

4回答

Twitter Bootstrap跨度溢出

twitter-bootstrap

我有这个代码块，它应该导致4个大小相等的跨度都水平排列，但正如你所看到的，第四个块被下推到一个新的行。我使用bootstrap已经有几天了，这是我第一次看到这种情况。

浏览 0提问于2013-04-02得票数 6

回答已采纳

1回答

CSS网格布局，列用作缩进边框，但未按预期工作

html、css、css-grid

我正在为我的网站创建一个基本的CSS网格。现在，它有3行。一个用于标识和导航，另一个用于横幅图像，第三个用于文本内容。网格共有6列，其中2列为设置大小(25 as )，我将它们用作边框，以缩进某些css网格行中包含的内容。正如您在附加的图像中所看到的，顶部导航(logo+navigation)按预期显示，并使用“左”和“右”CSS网格边界列略微缩进。之后，横幅图像

浏览 3提问于2020-03-02得票数 0

回答已采纳

1回答

在页面上的任何CSS网格项周围绘制边框

html、css、css-grid

我正在一个使用CSS网格的网站上工作。有时候调试它们可能有点棘手。我知道大多数浏览器允许您检查代码以确定问题，但我想简单地突出显示网格行，因为可视化调试要比使用检查器进行调试容易得多。; content:attr(class); top: 0;代码在网格容器周围绘制红色边框，并显示网格的类名。这很好，但不幸的是，它也对<

浏览 4提问于2021-04-27得票数 0

1回答

图像没有使用css网格对齐。

css、css-grid

我正在学习如何使用css网格，所以我正在努力解决这个问题。img src="images/home_seasonal_3.jpg" alt="horizontal squiggly"></div> </section> 这是我的css

浏览 0提问于2019-02-27得票数 1

回答已采纳

3回答

如何强制一个‘`span`’不在行尾换行？

css、word-wrap

如果它真的是一行很长的文本，我希望它扩展而不是换行

浏览 0提问于2011-08-11得票数 48

回答已采纳

2回答

怎样才能在长链之前强行断线？

html、css

我试图弄清楚如何在链接之前强制换行，如果这样可以避免将链接包装在新的行上。我不知道如何在不编写编程代码的情况

浏览 3提问于2020-06-05得票数 0

回答已采纳

2回答

如果两个<span>的宽度都超过了其父<div>的宽度，那么它们就会像您期望的那样换行。但是，我将边框和背景色应用到每个<span>。换行的结果是，边界断开，然后继续到下一行，以及背景。根据示例图像的前半部分，您可以看到背景颜色在第一行的最后一个字符之后立即停止，没有填充，也没有边框。在下一行的开头，边框和背景紧接在第一个字符之前开始，没有填充。从我希望它在图像的后半部分看起来是什么样子的例子中，我

浏览 55提问于2021-11-18得票数 2

回答已采纳

1回答

WPF Grid/WrapPanel AutoSize动画

wpf、animation、grid、itemssource

</row><othercontent></grid> 使用MVVM并绑定了listbox itemsource。我在网格中使用了wrapPanel，并且禁用了滚动，因此网格的行高将根据列表框的内容进行增大和缩小。这一切都运行得很好。我想要的是，能够动画的增长和缩小的列表框(或包含它的边框，或具有自动高度的网格行)。

浏览 2提问于2010-02-17得票数 3

2回答

在GXT网格中删除行之间的空格/行

gxt

我的目标是在网格的某些列之间创建一条实线。，这使得我的列边框不能成为一条实线。有没有人可以帮我消除这些行之间的线条，或者用其他方法来实现我的目标呢？我看到Grid类型本身提供了一个方法来打开/关闭列线：但是我没有看到任何关于行的东西。我也不知道即使对于列，该方法是隐藏了行还是实际上删除了它们-我怀疑是前者。提前感谢您的任何和所有答案。

浏览 1提问于2011-06-03得票数 1

回答已采纳

1回答

RTF -在哪里可以找到文本内容？

sql、sql-server、rtf

我正在查询MSSQL服务器以获得一些信息，并获得以下信息： {\fonttbl {\f1\fnil Calibri;}我知道这是RTF，但我找不到内容，应该是：这是怎么回事上述内容是如何生成文本的？

浏览 1提问于2017-02-27得票数 0

回答已采纳

4回答

保留HTML中的换行符，但包装文本:可能吗？

html、css、layout

我正在显示一个预览，并希望将预览放在一个固定的字体，保留空白，因为这是纯文本电子邮件将出现的方式。CSS white-space: pre.这保留了空白，但不对文本行进行包装，因此它们在长行上划出边框；将文本区域元素的样式设置为只读取没有边框的文本区域元素，因此它基本上与div类似。CSS white-space: prewrap。这是CSS<

浏览 0提问于2009-03-13得票数 6

回答已采纳

1回答

与溢出作斗争: HTML表格的隐藏高度和百分比高度

css、overflow、html-table、window-resize

我希望天/小时索引行/列比其他单元格更短/更细。我曾经考虑过使用一堆div，但是因为1. display:block;通常已经把网格分成了2.我正在努力，我想寻求帮助。第一个方法使trs在window->表缩小时“换行”，并将最右边的单元格自动移到一行。第二个方法是在缩小窗口时隐藏右边的单元格--我想裁剪其中的部分内容，而不是留下一个大的空白列--并相对于#encloser移动整个表格。边框和%s也有一个问题，如果我的单元格宽度加到1

浏览 2提问于2014-06-19得票数 0

2回答

显示区域的CSS滚动条

jquery、html、css

我是非常新的CSS HTML。我有个小问题需要帮助。另外，我希望只有当文本大小足够大时，滚动条才会显示。否则，它会被显示，即使是内容，即1-2行和滚动条没有意义的相同。我能用CSS控制它吗？

浏览 7提问于2014-04-25得票数 0

回答已采纳

1回答

如何使用css建立4×4网格？

html、css、layout

使用CSS创建4×4网格(4行和4列)的正确方法是什么？我们还有别的办法吗。

浏览 0提问于2016-09-15得票数 1

回答已采纳

点击加载更多