图像填充固定高度div

文章/答案/技术大牛

发布

2回答

html、css、height

我有一个固定高度的div，400px，在那个div里面有一些可变的文本。和一个图像，我需要这个图像来填充div的空间。文本将发生变化，因此空间总是不同的，并且所有内容都必须在高度范围内。

浏览 11提问于2017-01-23得票数 1

2回答

灵活的div的背景渐变填充，使用css或图像？

html、css

我正在使用一个固定高度的图像来填充一个带有渐变颜色的div，使用的内容如下:background:透明url(green_bg.gif) repeat-x scroll 0 0；然而，它只填充一个等于图像高度的高度什么是最好的方式来填充div的背景，它的高度变化，根据它的文本数量，无论是使用图像还是使用css？

浏览 3提问于2009-07-25得票数 0

回答已采纳

2回答

背景大小:包含

html、css

我想要一个具有背景图像的div，它保持图像的高宽比，固定高度为500 on，并且我不希望在该div的背景上“填充”。这有可能做到吗？我可以得到一个高度固定的div和保持高宽比的背景图像： <div style="background: url(something.png) 50% 50% / cover #D6D6D6;background-size:

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

回答已采纳

1回答

动态图像大小以填充固定大小div - Javascript/CSS

javascript、jquery、html、css

我正在使用CSS和JavaScript，我想用多个圆形图像填充div，我的要求是，如果我有一个带有height of 400px和width of 200px的div，并且假设我有16 round images(没有任何固定数量的图像，只有div的高度和宽度是固定的)，那么我想要填充div中看起来像填充固定大小div的所有图像

浏览 1提问于2018-07-18得票数 0

回答已采纳

2回答

CSS等高列

jquery、html、css、bootstrap-4

如何使用CSS强制右列与左列(图像)的高度相同？ $('.comments').css('height', $(&#x

浏览 0提问于2019-04-09得票数 0

回答已采纳

6回答

Div应填高

html、css、background、background-image

我的页面是这样的 <div id="header"></div></div>我希望显示主div

浏览 5提问于2013-01-17得票数 0

回答已采纳

2回答

HTML表格标题和表格的总高度

html、html-table

我在div元素中有一个表。div仅用作占位符(它具有“固定”位置和硬定义的大小/左/上)。表格有100%的宽度和高度( div)。--------<div>--------| |

浏览 1提问于2011-07-31得票数 2

2回答

如何在延迟加载之前使用jQuery获取图像维数？

javascript、jquery、lazy-loading

目标是：我应该/可以：在延迟加载之前获取存储在data-src

浏览 5提问于2013-07-20得票数 1

2回答

在固定高度的空间内均匀地垂直分布图像

css

我有3个图像垂直对齐在固定高度的div。如何确保即使在添加或删除图像时，它们之间的顶部和底部填充也保持不变。类似地，当添加另一个图像时，剩余的20px应该是所有图像之间的总填充。属性:

浏览 4提问于2012-09-04得票数 6

回答已采纳

1回答

下一张高度固定，宽度全宽的图像

reactjs、next.js

我需要固定的高度，全宽度下/图像(想象一个水平条纹图像)。我可以用position="relative"包在div中，固定高度和全宽度，并对图像本身使用layout="fill"。但是，这样我仍然需要获取完整的图像(这就是布局填充的结果)。实现这一目标的最优性能方法是什么？

浏览 3提问于2022-02-01得票数 1

1回答

下一个js图像100%宽度和比例高度

reactjs、image、next.js、nextjs-image

我无法得到图像的自动比例高度.blocks { grid-template-columns: repeat(auto-fill<div className={styles.blocks}> </div</em

浏览 1提问于2021-07-20得票数 3

2回答

一个DIV中多个图像的垂直居中

html、css

我有一个简单的DIV，有一个固定的高度，比如和几个内部有独立高度的图像(它们的高度等于或小于外部DIV的高度)： <img src="..">此标记是原样，不能更改。我需要并排显示所有图像，所有图像应该垂直对齐与DIV的中间

浏览 1提问于2012-12-10得票数 0

2回答

将标头图像连接到导航栏

html、css

我希望我的标题图像连接到它下面，但不跟随肚脐滚动时，只是停留在原地。这里有一张图片来展示我正在处理的事情：我想消除肚脐和头部之间的空间。.container { margin: 0 auto;.banner-img {} <divid="wrapper"> <a><img c

浏览 4提问于2015-12-02得票数 2

回答已采纳

6回答

居中对齐图像

css、image、html、alignment

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

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

回答已采纳

1回答

如果这个容器没有任何显式的宽度或高度，我可以使用CSS将图像安装到它的容器中吗？

css、css-selectors

我无法将图像与具有隐式宽度和高度的容器相匹配我尝试使用对象适配CSS属性，但没有解决问题。

浏览 5提问于2022-11-15得票数 0

回答已采纳

1回答

下一幅图像动态尺寸和高宽比

css、next.js

图像具有未知的尺寸和未知的纵横比(因为每个帖子都有不同的图像)。我如何使图像保持自己的纵横比，只是在较小的屏幕上缩放而不指定固定的高度？我被迫使用一个固定高度容器填充，但这只是扭曲图像，因为固定的高度。下面的第一个图像是具有固定高度的next/图像，下面的图像是一个普通的img标记。我如何才能得到下一

浏览 9提问于2022-07-04得票数 1

回答已采纳

1回答

使用css &/或jquery进行智能映像大小调整

jquery、css、image、resize

然而，因为它是完全响应的，图像不能是固定的宽度。这就是我想要达到的目标。 <div class=&qu

浏览 2提问于2013-05-07得票数 0

2回答

如何根据包含的div大小设置图像的大小？

jquery、html、css、image

清单包括一个图像，它的大小、宽度和高度都是固定的。我怎样才能在那个DIV中填充图像。<div class="image-wrap" style="width:150px;height:150px;"></div> 

浏览 0提问于2017-09-28得票数 1

回答已采纳

3回答

%响应图像

html、css

我如何使我的图像响应？当我看我手机上的网站时，图片是页面的一半，我希望它和页面一样高。} position:absolute; height:88%;}<divid="section-top"> <?><

浏览 4提问于2014-12-13得票数 0

回答已采纳

2回答

图像占用了flexbox div* (100%)中的所有空间，而不会使div变形*

css、flexbox

图像占用了flexbox div (100%)中的所有空间，而不会使div变形。所以不是div调整为包含图像，而是image调整为充满div。我知道在flexbox中包含图像的内部div会根据图像的大小进行调整，如果你说：我需要flex div中的一个图像来占据div的所有空间所以100%的高度</em

浏览 3提问于2016-04-26得票数 1

点击加载更多