Flexbox将不同大小的图像对齐以填充区域

文章/答案/技术大牛

发布

2回答

react-native、flexbox

我使用的是React Native的flexbox (不是css的flexbox)。我正在创建一个图片库和第一个图像必须是两倍的大小，其余的图像较小。效果很好，但我有一个问题，第三个图像显示在新的行，而不是在空白的地方。有没有可能用flex-box实现这样的行为，这样第三个图像就会在第一个小图像的</

浏览 26提问于2016-08-23得票数 1

回答已采纳

1回答

如何始终将UIView的底部与屏幕底部对齐

objective-c、uiview、uiimageview、interface-builder

我希望一个背景图像始终与屏幕底部对齐，而不管屏幕大小、iOS版本或个人热点消息等。但是界面构建器对齐选项似乎在每种情况下都不起作用。我有两个不同大小的图像，以适应3.5‘和4’视网膜，这些变化通过代码，但他们的排列总是抛出‘个人热点’和其他信息改变父视图的大小。我的图像是屏幕的大小，应该总是填充</e

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

回答已采纳

1回答

与Flexbox一起使用响应式图像

html、css、responsive-design、flexbox

我想使用flexbox和响应式图像(带有scrset和sizes的图像)。但结果似乎很可怕。即使我使用flex-grow拉动对齐，图像也有不同的高度，因为浏览器将加载不同大小的不同图像。我希望所有图像的高度是相同的。我发现如果我使用flexbox，图像<e

浏览 1提问于2018-03-30得票数 0

1回答

黑莓高效可滚动水平列表

blackberry

我有一组图像，我想在一个水平列表中显示，列表的大小将根据用户选择的选项而变化。然而，如果我有大量的图像要提供给它，从而生成许多需要绘制的字段，那么我不确定实现列表的最佳方式。我的想法是让列表变得高效:在一个循环数组中-Store n个图像。-Display用户可见的屏幕上的前3个图像in3视图(例如<-- img1 img2 img3 -->) -Ke

浏览 1提问于2010-08-12得票数 0

回答已采纳

1回答

Xcode故事板图像大小调整

ios、xcode、xcode8、xcode-storyboard

我无法理解这个图像视图中的图像是如何表现的。它超出了界限，并且不像其他图像视图那样缩放。这里有三种不同的填充:缩放填充、宽高适配和宽高填充。这些大小都不是任何其他图像的大小。我用不同的约束、不同的约束、不同的对齐、<em

浏览 2提问于2017-04-03得票数 0

1回答

如何在ScrollPane中将固定大小的画布封装在BorderPane中？

java、javafx、javafx-8、scrollpane

问题是，当我包含ScrollPane时，组件树不再以BorderPane的中心区域为中心。我尝试过的一个解决方案是修复ScrollPane的最大大小。这是可行的(组件以中心为中心)，但会产生一个不同的问题:当视口区域在任何一维(例如宽度)中不足时，两个滚动条都会出现。由于ScrollPane的大小是有界的，滚动条在一个维度中占用的额外空间

浏览 0提问于2019-06-18得票数 1

回答已采纳

1回答

在表格单元格元素中水平和垂直居中

css

我有这样的结构(简化)： <div id ="someOtherDiv">.......图像在屏幕上只在水平方向居中，而在垂直方向居中。我还应该添加什么来实现这一点呢？当然，如果我将BODY设置为100%的高度，然后将内部div设置为100%的高度，它也可以工作，但事实是我实际上不能向BODY标签添加100%<

浏览 1提问于2018-09-14得票数 0

1回答

WebView在JavaFX阶段的尺寸

java、javafx、webview、javafx-2

我想改变Stage和WebView的JavaFx应用程序的大小。这是页面的一些代码： private Scene scene

浏览 5提问于2016-07-18得票数 4

回答已采纳

4回答

在内部CSS中对齐项目和文本对齐的区别

html、css、css-transitions

我不明白css的这些属性有什么不同。请任何人解释一下..

浏览 0提问于2020-01-10得票数 0

1回答

在容器、StackPane、VBox等中对齐路径

javafx、javafx-8

如果我试图在StackPane中对齐路径，那么它将根据其内部结构对齐，而不是使用布局边界。有什么要改变的吗？primaryStage.setScene(new Scene(stack, 100, 100));}如果不使用StackPane，它就会如我所期望的那样出现

浏览 6提问于2015-03-09得票数 0

回答已采纳

1回答

3个高度可变的切片扩展图像

html、css

我试着从3个图像中创建一个单一的响应式图形。左边的盖子，右边的盖子，中间的一块可以展开以填充。一开始看起来很简单，但事实证明很难。这是我的html。.wrapper{ width:100%;} flex-grow:1;我希望左边的盖子只有它需要的宽度是基于我的图像的</e

浏览 0提问于2015-06-03得票数 0

1回答

在鼠标单击的位置绘制多边形

javafx、javafx-8

它们应该在我用鼠标点击的地方居中。它们是创建的，但是它们总是集中在边界面板的中心，而不是我点击的地方。有人能发现错误吗？(如果有意大利语的话很抱歉，也很抱歉我的英语很差)。

浏览 0提问于2014-07-29得票数 0

5回答

UIImageView填写UIView

objective-c、ios、xcode、uiview、uiimageview

我有一个UIImageView作为subview of UIView (帧大小300x300)。我的UIImage要么是肖像，要么是风景，或者是一些奇怪的尺寸。如何在不将图像拉伸到UIImage 300 x 300的情况下，在UIView帧大小内填充谢谢。

浏览 10提问于2012-03-01得票数 5

回答已采纳

6回答

居中对齐图像

css、image、html、alignment

如何将图像居中对齐以垂直和水平对齐到div。这是我的踪迹

浏览 0提问于2012-07-02得票数 1

回答已采纳

1回答

如何使用CSS柔性盒架构设计文本组件？

html、css、reactjs、flexbox

我是新的CSS和前端开发的总体.我目前正在与React一起使用。到目前为止，我能够创建3列布局框。但是，我发现列中的文本没有正确对齐。因此，我添加了一些填充，以使它在浏览器上看起来很好：但在较小的屏幕上，这看上去不太对：我这部分的代码看起来就像 pad

浏览 0提问于2017-04-17得票数 0

回答已采纳

3回答

如何防止内容调整flex项目的大小？

html、css、charts、flexbox

我正在使用CSS flexbox来构建一个可伸缩的、响应式的网格。当将Google图表应用于其中一个flexbox项目时，该项目的大小会发生如此微小的变化。这足以使网格失去对齐。将Google chart应用于项目6之前的Flexbox网格：将Google chart应用于第6项后的Flexbox网格：Flexbo

浏览 0提问于2016-03-29得票数 16

回答已采纳

2回答

如何在winjs中将图像调整到固定的高度和宽度而不丢失纵横比？

windows-8、winjs

我在我的应用程序中有一个图像区域，宽度:530px，高度:510px。我想把图像放在那个区域，但图像有不同的大小。如何在不丢失宽高比的情况下裁剪或缩放图像以填充该区域。winjs中有没有可用的本机方法？

浏览 0提问于2012-12-11得票数 2

回答已采纳

1回答

Opencv调整图像大小忽略某些区域

c++、opencv、image-processing、image-resizing

有没有办法在opencv中忽略掩码指定的某些区域来调整图像的大小？这是一个示例，但洞可以更大 

浏览 0提问于2016-06-29得票数 2

3回答

什么是LibAV中的‘linesize`

c++、libavcodec、libav

我正在使用LibAV进行视频编码，无法理解linesize的用途。例如，LibAV中av_image_alloc函数的声明以行大小作为参数： int linesizesw, enum AVPixelFormat pix_fmt, ) 我是LibAV和视频编码的新手请随时提供任何链接，这也

浏览 0提问于2018-11-12得票数 2

2回答

背景图片在我的手机浏览器中显示不正确

css

我的网站中有一个图片有问题，它在浏览器中不能正常显示图片会在移动浏览器中剪切某些区域这是图像的代码width: 100%; height: 100vh

浏览 0提问于2016-07-11得票数 0

点击加载更多