如何在顶部较大面积的情况下正确布局flexbox

文章/答案/技术大牛

发布

1回答

html、css、flexbox

我有一个容器，我正在尝试使其工作，我知道有一些媒体问题，我将不得不解决，但我甚至不能让原始布局工作。这个想法是在所有东西的顶部都有一个包装器，使其保持在容器内，然后将"#about“弯曲到左侧，然后在右侧使用".container2”，在垂直方向上均匀地分割两个部分(#map和#info)。稍后我将处理媒体的问题，但我已经附上了一张我或多或少试图解决的问题的图片。这也是我的codepen，展示了我到目前为止所能弄清楚的东西。我提前道

浏览 3提问于2019-10-31得票数 0

回答已采纳

3回答

如何重置弹性项的“显示”属性

css、tablelayout、flexbox

我试图将基于表和JS的旧布局转换为具有向后兼容性的新Flexbox，方法是为旧浏览器保留表(特别是IE8、IE9和Opera 10+)。我尝试过各种定义，如display:inherit、display:initial，但没有一个能将显示定义重置为作为flex正确工作。无论我为.details设置了什么显示，它都不作为弹性项工作，也不会增长来填充剩余的空间。您知道如何在不使用JS检测浏览器版本和切换

浏览 5提问于2014-11-26得票数 16

回答已采纳

1回答

如何使用susy 2使一些div比其他div对不同的长宽比更灵敏

responsive-design、sass、compass-sass、susy-sass

因为它有点难以解释，所以我做了一个模型来尽可能多地在视觉上理解：基本上，这就是我在横向模式下想要的平板电脑布局。我想要做的是确保它能完美地适应不同长宽比的平板电脑。有些东西是固定的。主内容区域是一个16x9的视频，所以该宽高比是锁定的。如果先弄清楚如何相应地缩小正确的列，这样拇指的方向是不变的，这

浏览 0提问于2014-05-10得票数 0

1回答

在使用奇点时拉伸单元格

stretch、flexbox、singularitygs

这只是一个进入web开发的新手。这是一个拉伸嵌套单元格的问题，以便顶部和底部在一个容器中对齐。CSS3提供了带有stretch选项的flexbox，但IE8或9不支持它。 singularitygs是否为这个格式化问题提供了任何解决方案？当我使用singularitygs时，我如何

浏览 0提问于2013-10-22得票数 0

1回答

带衬垫和边距的柔性盒

html、css、flexbox

当使用flex容器同时使用边距-顶部(底部、左、右)和填充移到元素之间或向左/右移动一点空间时，安全/可接受吗？还是将弹性基与定义的宽度结合使用更好？

浏览 3提问于2016-12-01得票数 1

回答已采纳

1回答

环绕杂志版面中的元素

css、flexbox

我想创建一个杂志类型的布局与右上角的图像和左侧的元素(文本，框，图像)。挑战是图像下面的元素应该占据整个宽度。我也尝试过flexbox，但似乎找不到如何在这种情况下正确使用它。示例： ? 当图像较高时： ?

浏览 17提问于2019-04-11得票数 1

回答已采纳

2回答

Xcode:Autolayout设置一个视图总是在顶部

ios、nslayoutconstraint、uiinterfaceorientation、autolayout

我正在试着设定一个永远在顶端的观点，到目前为止我还没有想出如何做到这一点。在这种情况下，它会正确显示：但在这种情况下，它不会：如何设置视图的自动布局，使视图始终显示在顶部？我将非常感谢你的帮助。

浏览 24提问于2016-08-03得票数 0

回答已采纳

1回答

在vaadin中调整CSS变化的方法是什么？

java、css、layout、vaadin

我正在为vaadin中的一些小的布局更改而苦苦挣扎，这必须在Java和Css方面完成。每次我需要调整一个组件的布局，如顶部填充、背景颜色或粗体文本时，我也需要通过Java代码设置样式：在我的styles.css (在VAADIN/themes/app/下)中的更改将是： @import "..这是更改CS

浏览 1提问于2010-05-13得票数 4

回答已采纳

1回答

当CSS网格项溢出时，如何强制填充权限在CSS网格项中得到尊重？

css、padding、css-grid

</div> </body>附注:我第一次尝试实现这一点是使用Flexbox，但我发现了几个网格布局似乎不会发生的问题。例如，使用Flexbox时，我不得不使用“

浏览 1提问于2018-01-01得票数 1

1回答

JPanel之上的Java JPanel (在绘图之上绘制)

java、graphics、jpanel

我正在尝试编写一段代码来生成这样的图形：我刚刚开始学习awt和swing。在精疲力竭地工作了三个小时之后，我不能设法在其他任何图形上画一条线。我会试着用一个例子来解释我的问题。); g.fillRect(150, 20, x, y); ....如果不在Graphs的paintComponent方法中绘制线条，我如何在这个白色方块

浏览 2提问于2011-10-19得票数 0

回答已采纳

1回答

：在布局中居中项目时减少项目

android、listview

我有一个列表视图，它的项可以从1到100之间，动态变化。但是，当我有较少的项目时，我希望这些项目在列表视图布局中显示为垂直中心。默认情况下，Android从顶部绘制项目。有任何方法可以通过代码或XML布局来实现这一点吗？编辑:根据我现在收到的答案，我正在增加我的问题更清晰，因为答案是没有标记的。清单视图在主布局中的位置或单个项目布局的位置在这里

浏览 5提问于2014-07-18得票数 3

2回答

Android布局属性的高级解释？

android、android-layout、android-styles

我正在学习如何在Android中正确地布局组件。我是一个经验丰富的CSS/MXML开发人员，对Android组件中的布局属性有着最困难的理解。有一件事是，我不确定这两者之间的区别：你应该在线性布局、表格布局或相对布局中使用一个而不是另一个吗我想学习的一个例子是在

浏览 3提问于2011-02-17得票数 8

1回答

如何将Flexbox子背景设置为100%高度并将文本垂直居中

html、css、flexbox

我想让背景颜色填充该区域，以便最长文本的高度始终相同，并使文本垂直居中，而不管它有多少行。如果可能的话，我不想在父对象上设置一个固定的高度，因为这可能会改变。 display: flex; flex-wrap: wrap; margin-right: -8px;.flexbox .sm-col-3 {} .entry

浏览 0提问于2020-02-21得票数 1

2回答

为什么这个flexbox媒体查询不起作用？

css、flexbox、media-queries

这是一个新手，请注意:) (请原谅我草率的代码)我已经搜索过了，并且已经在这里找到了帮助。在工作的时候帮我重做易趣店。正在尝试将此媒体查询与flexbox一起使用。据我所知，媒体查询不能内联使用，但可以在head内部的样式标签中使用，而不必链接到外部css。以下是布局的代码。我甚至测试了其他媒体查询，(现在已经有一个了)，它们都起作用了。但我希望一旦屏幕尺寸变小，flex项目就可以完全覆盖100%的宽度，而且它似乎不起作用。我知道我的目标是正

浏览 1提问于2018-06-07得票数 2

4回答

除了FLEXBOX之外，还能做什么呢?把一个可伸缩的项目放在两个固定大小的项目之间，放在网站上的一行中？

html、css

我有一个带有3个子div的父div容器。子div 1是固定的，并且将向左对齐。子div 3是固定的，并且将向右对齐。Child div 2的大小是可变的，适合在Child 1和Child 3之间。Child 2的大小将根据浏览器大小的不同而变化(它将扩展和缩小到某个点)。我希望我的头文件能与老版本的IE兼容，至少能回到版本8。我正在读关于FLEXBOXes的文章，看起来它甚至不能完全兼容没有bug的</em

浏览 2提问于2016-12-23得票数 0

2回答

如何在多行列表中对最后一项进行居中，以保持每一行的高度和相同的间隔？

css

在小分辨率中，没有问题，因为我将只显示一行一项，但在较大的设备或桌面中，每行项目的数量将是随机的(根据视口，响应)。使用布局选项并不重要，但它必须允许以下内容：理想情况下，解决方案将是混合网格和内联块，但遗憾的

浏览 2提问于2019-10-14得票数 1

2回答

PdfKit高亮显示批注

ios、swift、pdf、pdfkit

我正在尝试使用iOS上的PDFKit向文档添加突出显示注释。highlight.color = color page.displaysAnnotations = true在中顶部和底部的高光是使用这里提供的代码片段以相同的方式添加的。顶部的</e

浏览 0提问于2017-09-29得票数 8

1回答

程序的内存布局依赖于地址绑定技术吗？

memory-management、operating-system、heap-memory、memory-layout、stack-memory

我了解到，使用运行时地址绑定，程序可以在物理内存中以非连续的方式分配帧。而且，如所描述的和，逻辑地址空间中的程序的每个段都是连续的，但并不是所有段并排放置在一起。换言之，在逻辑地址空间中的堆和堆栈段之间(在程序中断和堆栈顶部之间)存在未被映射到物理地址空间中的任何帧的页面，从而意味着在运行时地址绑定的情况下逻辑地址空间是不连续的。但是，在编译时或加载时绑

浏览 5提问于2017-03-13得票数 1

2回答

如何在GoogleMap的某个地图位置放置视图？

android、xml、google-maps、kotlin

我尝试获取MapView上触摸的x和y位置，以确定放置View的位置，但是GoogleMap对象会消耗MapView的触摸事件。在我的布局中，我放置了一个内部ConstraintLayout和一个id con_red_rectangle，另一个包含MapView。然而，它不是定位在地图上，而是基于父布局。 val lp: ConstraintLayout.LayoutParams = con_red_rectangle?.View将覆盖地图的某一区域，不会随着摄像机<e

浏览 2提问于2020-06-13得票数 0

2回答

使用Flexbox的全内容高度和对齐卡

css、flexbox、angular-material

我正在努力调整项目在角4w/角材料使用Flexbox。我想完成一个布局，如附件1所示的布局，其中第一张卡在顶部，第二张卡在组件内容的底部。组件本身应该占据屏幕上其余的高度(设备高度减去工具栏高度)。附件2显示了我到目前为止所取得的成就。下面的HTML标记和CSS显示了附件2后面的代码。有人能告诉我做这件事的正确方法吗？我不想混乱的固定位置或其他什么，我想实现一个解决方案

浏览 3提问于2017-10-07得票数 0

回答已采纳

点击加载更多