Flexbox水平拉伸图像

文章/答案/技术大牛

发布

1回答

html、css、flexbox

我遇到了一个奇怪的不一致的图片在我的网站上。它的结构如下： <div class="intro"> <p>Some text</p> </div></div> .intro { align-items: center; .intro&

浏览 17提问于2019-05-26得票数 0

回答已采纳

2回答

我有一个允许单个子元素的flexbox div。到目前为止，我已经能够很好地对准孩子的工作(顶部，左侧，右侧，底部等)，包括垂直拉伸。我还希望能够同时支持水平拉伸和垂直拉伸(‘同时’似乎是关键)。我已经能够通过将子元素的'flex‘属性设置为’1100%‘来完成水平拉伸，但是这似乎忽略了应用于父元素的任何填充(以及应用于子节点的任何边距)。看看flexbox规范，我找不到任何其他方法来沿着flexbox的主轴做这件事。横轴<

浏览 1提问于2012-05-01得票数 2

1回答

具有CSS响应的水平网格

css、twitter-bootstrap、responsive-design、grid、flexbox

这些框需要填充保持正确比率的图片，而不需要拉伸(例如图像大小: 400x400,600x400,800x400，.)。我试了几件事：

浏览 3提问于2015-01-04得票数 3

2回答

Firefox以Flexbox为中心拉伸元素

html、firefox、flexbox

我试图将一个任意大小的元素(在我的例子中是一个图像)放在一个框中。一切都可以在Webkit浏览器中正常工作，但Firefox会拉伸比宽度更长的图像。为了说明这个问题，我创建了3个div as框，每个框包含不同大小的图像。所有框都设置为固定的宽度和高度，并应用了几个flexbox规则来垂直和水平居中图像。 <img src="http://dummyimage.com/

浏览 4提问于2015-09-25得票数 4

3回答

嵌套Flexbox拉伸图像

html、css、flexbox、responsive

我正在尝试有两个嵌套的flexboxes，在最里面有一个居中的图像，它将始终适合它的容器，同时保持它的比例，而不会被拉伸。图像具有以下特征： max-height: 100%;}在这里，宽度被正确缩放，但高度在容器变得太小时立即被拉伸。

浏览 30提问于2017-01-31得票数 0

回答已采纳

1回答

相同的图像切片显示在8和8+上非常不同。

ios、xcode、interface-builder、xcasset

，这是我想要做一个图像，有一个固定的上半部分和一个延伸的下半部分，使它在任何高度适当调整大小。原始意象图像切片内容模式设置为缩放以填充结果我认为它应该在不同的设备上显示几乎相同的图像。因为除了图像资产(2x，3

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

回答已采纳

1回答

Python/Tkinter:水平拉伸图像？

python、image、user-interface、tkinter

是否可以水平拉伸图像？import Tkinter as tkinter image = tkinter.PhotoImage

浏览 2提问于2010-11-03得票数 2

回答已采纳

1回答

用Flexbox拉伸图像

html、css、flexbox

我得到了一个div，其中包含一个图像和5个文本元素，我使用Flexbox平均地对其进行了间隔。所有段落看上去都像预期的那样，但当我将宽度或高度更改为100%以外的任何内容时，图像就会被拉伸。

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

回答已采纳

1回答

为什么在Foundation 6.4卡组件中图像会被拉伸

html、css、flexbox、zurb-foundation

当我在大屏幕上观看时，图像会被拉伸。我不希望图像被拉伸，在大视图中保持其原始尺寸，并且它们之间不应该有任何空白。

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

1回答

如何去除9片图像中的黑线？

android、nine-patch

当我在生成具有黑线的图像时生成9个补丁映像时：如何移除那个黑色像素？

浏览 1提问于2014-06-24得票数 3

17回答

Android:如何在保持宽高比的情况下将图片拉伸到屏幕宽度？

java、android、layout

我想下载一个图像(大小未知，但总是大致为正方形)，并显示它，使其水平充满屏幕，并垂直拉伸，以保持图像的纵横比，在任何屏幕大小。这是我的(不工作的)代码。它水平拉伸图像，而不是垂直拉伸，因此它被挤压...

浏览 13提问于2010-06-08得票数 118

回答已采纳

1回答

css Flexbox:在收缩时切换卡片文本轴

html、css、reactjs、flexbox

我有一个卡片，即一个带有图像和文本区域的组件，我想在较大的屏幕上水平显示( img-area -> text-area )，在小屏幕上垂直显示(img- area下的text -area)。如果我收缩页面尺寸，我可以让文本区域换行到新行，但是有一个点，文本区域比图像更宽，这会导致不想要的效果。我希望文本区域立即跳转到图像下方。 ? ? ?

浏览 18提问于2020-03-28得票数 0

回答已采纳

1回答

是否将响应图像与页面底部中心对齐？是否应该使用flexbox？

css

我很不擅长CSS，在过去的一个小时里一直在摆弄，以获得一个响应式的图像，以对齐到页面的中心底部。这不是真的能解决问题，。接近的那些更令人沮丧，因为它看起来是正确的，直到您调整它的大小。body{ height:100%;.flexbox{ justify-content:center; align-items

浏览 2提问于2021-02-24得票数 0

2回答