1回答
我有一个简单的应用程序框架，其中包含一个顶部标题、一个内容区域和页面容器，如下所示： .container { width: 100%; flex-direction: column;}
width: 100%; color: white; padding: 1
浏览 9提问于2019-04-19得票数 0
回答已采纳
该行有4个图像，如预期的那样显示了行中的4个图像。在sm和xs设备上，它应该在2x2的网格中显示4个图像(两列和两行，但第三个图像没有正确对齐，它远离网格。
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg3
浏览 0提问于2018-10-09得票数 0
如下图所示，呈现框是门廊:)当我将容器高度降低到30时，拖尾列出现了问题，溢出已消失，但我希望使此文本与其他没有呈现框的设备相匹配:)ListView.separated{ setState(() { data.status = value；})；)，高度: 50.h，填充: EdgeInsets.zero，装饰: BoxDecoration(颜色: ColorManager
浏览 2提问于2022-11-09得票数 1
1回答
我一直在使用空格:无包装、文本溢出:省略和溢出:隐藏的CSS属性来创建多行文本的省略截断。然而，当使用flexbox时，这是行不通的。当使用flex时，文本溢出:省略似乎总是将flex项的高度截断为一行。 <div className="flex-item&q
浏览 5提问于2016-08-16得票数 3
如何使flex项目的高度随着内容的增加而扩展，并阻止它溢出？<Alert /> </main></div> 这是css： .app-elements { flex-direction: column; hei
浏览 52提问于2020-09-24得票数 1
1回答
我试图防止柔箱子程序溢出它的容器，但是使用溢出:在子div上使用auto似乎不起作用。}
display: flex; flex: 1, 1, auto; display: flex;
flex-direction: colum
浏览 3提问于2021-06-29得票数 2
回答已采纳
我想设计一个符合以下标准的柔性盒布局：header将有基于内容的计算高度(文本的行高+填充+边距)main高度应始终等于模态高度(100 be )-标头heightif main的子级高度高于main的计算高度，设置溢出:在children上滚动
if children的高度低于main的
浏览 5提问于2022-08-31得票数 0
回答已采纳
太多的信息如何阻止flex孩子的成长，但太难找出如何阻止flex父母的成长(因为孩子)。
flex-direction: column;}
backgroundsplitView-section"></div&
浏览 1提问于2019-07-01得票数 4
回答已采纳
1回答
防止物品收缩
、、
我想做一个简单的弹出与可变高度，将垂直中心的情况下，它是小于视图，并将不会收缩，当它大于视口。下面是示例代码：.flex-container { display: flex; justify-content: center;.flex-child {} height: 160px;
background-color: #C3
浏览 1提问于2015-05-19得票数 0
回答已采纳
2回答
随着文本/内容的增长，我一直有一些关于flex框的问题，并使它们跨越到容器之外，并且只有在达到指定的容器最大宽度时才应用省略号。难道文本不应该像main__上的溢出一样被切断吗？ display: flex; height: 200px; //overflow: hidden;
.child1 { border: 1px solid
浏览 5提问于2016-07-12得票数 7
回答已采纳
我的目标是使用flexbox创建一个两列布局，其中第一列有两行，第二列有一行，如下所示：仅当容器的flex-direction为row时，在第三项上设置flex-basis: 100%才能获得所需的效果
将flex-direction更改为column会导致以下结果，除非显式设置了height，这在我的项目中是不可行的：如果不显式设置容器的height，如何获取第一张图片？body { height: 100px;}
.
浏览 4提问于2013-11-22得票数 17
1回答
栅格高度为1 fr。在右边的列中，我希望创建具有全高度的滚动div。但我2小时试着将所有的组合用于停止高度溢出。我发现了什么？但是我错过了点击和写规则的高度:0和溢出停止！什么是魔法？我没有在谷歌找到任何关于它的非法财产！<div class="min-h-screen bg-teal-200 flex flex
浏览 6提问于2022-02-12得票数 0
回答已采纳
我试图使我的flex项缩小以适应flex容器，但它似乎不起作用。options} </Card>.quotation-grid .items-col { display: flex; height: 100%;
.quotation-grid .items-col .ant-card-body {flex
浏览 0提问于2020-08-07得票数 1
2回答
在中，如果子高度小于父高度，我会尝试填充父高度，如果子高度超过父高度，则会使子高度溢出。但是当我硬编码孩子的高度时，我希望看到一个滚动条。但相反，子代只是填充父代。 height:100%;.grand-parent{ overflow:auto;} flex<
浏览 0提问于2018-08-13得票数 1
在下面的示例中，我有两个div，一个是父flex-container div，另一个是具有绿色背景的单个flex项的子项，正如您所看到的，flex-grow工作得很好。 display:inline-flex;}
overflow:hidden;background:#99bb99;
浏览 0提问于2020-09-24得票数 0
1回答
如何使溢出:滚动动态高度例如下面，没有flex/grid/vh？问题是，所有的内容必须适合屏幕(必须看到页脚)，并动态调整屏幕高度。没有高度溢出:滚动不起作用，但将其设置为100%，使其高度作为父级和内容溢出与高度从页眉和页脚。基本上，我希望通过调整.content高度来调整.longlist高度，使.footer和.content适合.content高度，而不
浏览 2提问于2021-05-07得票数 0
4回答
但是，当右边的div (颜色为红色)的高度溢出时，元素就会溢出到viewport中，并且只有当它溢出视图端口的高度时才能滚动。我很确定这是因为我在很多元素中都使用了height: 100%;，但我需要它们尽可能大(以完全填充视口高度)。
所以，得出结论..。这里的问题是，可滚动的内容首先溢出viewport，当div与
浏览 0提问于2019-04-18得票数 3
回答已采纳
我用了两个挠性盒子：
据我所知，我的CSS是正确的，然而，我得到的结果是Flex容器(flex 2)
浏览 4提问于2016-01-30得票数 2
回答已采纳
2回答
用可伸缩的桌子包裹文本
、、、
问题是，由于nowrap属性，当表太小时，内容会溢出。我试着把word-wrap: break-word设为徒劳。如何强制内容与表的宽度相匹配？到目前为止，这是我的代码：#container { display: flex; align-items: stretch;}
flex: 1;
display: flex
浏览 5提问于2015-06-21得票数 0
回答已采纳
2回答
我有问题，为我的响应布局网站设计一个粘性的标题，使用flex框。我发现这把小提琴几乎解决了我的问题，但没有完全解决：
如何使标题元素高度与标题中的内容相匹配，因为高度取决于设备视图的宽度而不同？如果解决了#1，如何使文章和页脚在可变高度页眉粘粘到顶部时滚动？html，主体{页边距:0；高度:100%；}主体{边距:0；显示: flex；flex方向:列；}标题{ flex: 1；背景:red；}文章{ flex: 8；溢出
浏览 1提问于2014-02-22得票数 3
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号