静态容器内的CSS裁剪图像绝对定位于祖父母

文章/答案/技术大牛

发布

1回答

javascript、html、css、css-position

我有多个图像瓦片，应该在结束时显示一个完整的图像。在我下面的代码中，你可能会对我想要实现的目标有个大概的了解。我有一个祖父母div，它总是被左边和右边的图片所隐藏。现在，我用一个父容器div (" parent ")包装了图像，以设置平铺的大小。我现在的问题是，只有当我将父元素设置为"position: relative“时，"overflow: hidden

浏览 10提问于2020-12-16得票数 1

回答已采纳

8回答

水平和垂直中心的iframe，纵横比16:9，使用尽可能多的屏幕产业，而不被裁剪任何地方。

javascript、html、css、iframe、responsive-design

需求静态视频预览图像应该是，而不是，在左边或右边有任何黑条(柱塞拳)。静态视频预览图像

浏览 7提问于2016-06-12得票数 12

回答已采纳

1回答

如何使引导程序的容器考虑到页面中存在的绝对div？

css、twitter-bootstrap

引导程序的在断点中有很好的内置，可以缩放div以匹配页面的宽度。然而，在我的页面上，我有一个绝对定位的div，它位于页面的一侧。容器没有考虑到这个绝对定位的div，并且扩展到始终处于div之下(除非浏览器的宽度非常大)。我如何告诉Bootstrap的容器只考虑一定百分比的浏览器宽度，以适应我的绝对div，同时

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

1回答

jquery .animate -图像在动画过程中被裁剪

jquery、jquery-animate

我目前正在使用jquery库编写一个使用javascript的carousel。基本上，显示了三个图像，中心图像比其他两个图像大。在向左或向右移动时，中心图像的大小将从115px*115px调整为50px*50px，并根据用户输入向左或向右旋转。问题是，当调整大小时，中心图像被逐渐裁剪，直到它达到50px*50px，然后返回到更正常的状态：$("div#carousel .item:eq(2

浏览 2提问于2009-08-13得票数 0

1回答

内联svg不想在ie11中扩展

css、internet-explorer、svg、internet-explorer-11

因此，我有一个内联的svg，它绝对位于容器内。我希望svg能够伸展，这样它就能填满整个容器。我已经将容器的纵横比设置为svg的比率以外的东西，并将svg定位到容器的底部，这样svg的顶部就会被裁剪。

浏览 2提问于2014-12-15得票数 1

回答已采纳

3回答

缩放每行的图像，用JavaScript或CSS* 100%填充*

javascript、jquery、html、css

我正试着建立一个简单的反应灵敏的画廊。现在只为图像设置一个简单的CSS设置： height: 150px; margin: 2px;我希望我的画廊行是100%的宽度和缩放图像高度在每一行计算每一行的图像高度(覆盖初始值) 我试图找到一个纯粹的CSS方式，但似乎我无法逃脱没有一些JavaScript在这里。(&#x

浏览 5提问于2015-10-14得票数 1

1回答

我正在使用一些简单的数学方法来裁剪图像，我使用jQuery imageareaselect.js插件在图像上绘制一个附加层，我可以用光标调整它的大小，然后单击一个按钮进行裁剪： var div = $(div，并将该图像设置为具有相关背景位置的该div的背景。_96666c04e7.jpg"); width: 368px; height: 345px; background-position: -81px -53px

浏览 4提问于2011-04-15得票数 0

回答已采纳

1回答

如何相对于柔性箱祖父母垂直地将div居中？

html、css、flexbox、centering

给定一个带有display .wrapper的div (在下面运行并查看代码段)和一个深度嵌套的div .text-container，我如何使深度嵌套div相对于.wrapper而不是相对于它的父.variable-height在下面的片段中，有两个高度相等的列，我希望文本(放在每个列内的可变高度div中)处于相同的水平。我已经将可变高度div的显示设置为flexbox，因此从逻辑上讲，文本是居中的，相对于它而不是祖父母</

浏览 1提问于2016-01-20得票数 2

回答已采纳

2回答

在Firefox中垂直对齐大于容器的绝对元素

css、firefox、vertical-alignment、absolute

我终于遇到了我的搜索功能不够的问题。我做了一些固定高度和宽度的画廊旋转木马，里面有图像列表(一次显示一里)。图像在相对li元素中绝对定位(使用margin:auto等)。图像通常比其包含overflow:hidden的容器大。图像有max-width:100%，它创造了一个理想的效果，较小的图像在容器内居中，较大(较高)

浏览 1提问于2013-08-20得票数 2

2回答

Croppic.net图像尺寸错误且无法裁剪

javascript、jquery、html、css、croppic

我使用使用户能够在上传之前执行简单的图像裁剪。问题是裁剪容器内的图像总是变形的。由于这个原因，我无法正确地裁剪图像，也不可能将图像进一步拖到从那里裁剪部件的右侧。图像x宽度始终与容器的宽度相同，即使在放大时也是如此。我使用的css： #croppic

浏览 6提问于2016-03-30得票数 0

回答已采纳

1回答

Div定位取决于图像大小？

html、css、position

在我的网页上，我有一个带有图像的容器div，当您在容器div上悬停时，div显示在容器的右边。容器具有相对位置，而窗口div具有绝对位置(由于另一个原因，窗口div必须留在容器div内)。我的问题是，如果图像很小，窗口div将位于容器/图像后面，而不是位于其右侧。} <

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

回答已采纳

2回答

图像不断从框架中滑出

html、css

我在另一个容器内的div容器中有一个图像，如下所示： <div className='imageContainer'> </div>我希望imageContainer留在容器中，但是将图像保

浏览 6提问于2022-05-25得票数 0

回答已采纳

1回答

如何将图像大小限制为由文本长度给定的表格单元格宽度

html、css

我有一个表，每列都有一行，其内容(仅为文本)定义表的宽度。在其中一行中，我希望使用图片而不是文本，但我希望它能够适应前几行定义的单元格宽度，这样就不会强迫表调整大小。definining the width of the table</td></tr></table> 该表是无边界的

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

2回答

如何在div容器中自动裁剪图像并居中

html、css、image、scale、center

"picture3.jpg" /></div>div{ height: 400px; object-fit: cover(并将图像的其余部分裁剪掉)。因此，根据图像的尺寸，我希望从图像的左侧和右侧裁剪一点，或者上下裁剪一

浏览 27提问于2021-05-26得票数 0

回答已采纳

1回答

一旦元素滚动到容器顶部，就隐藏它。

jquery、html、css、webkit-overflow-scrolling

我在一个带有overflow: scroll的容器中有一个元素。因此，这是很好的，然而，我想要的是元素滚动它正在做，但一旦元素溢出其祖父母容器顶部，我希望整个元素隐藏，而不是被裁剪，因为它滚动出视图(通常的功能)。以前，当我滚动窗口时，我得到了一个可以隐藏/显示的元素，但是当我在它的容器内滚动元素时(当它溢出时，它是祖父母容器)，而不是

浏览 1提问于2019-01-31得票数 3

回答已采纳

2回答

jquery中作物缩放工具的几何计算

jquery、html、math、geometry、crop

我正在用jQuery编写一个新的裁剪\缩放工具，并且我用简单的几何图形撞上了一堵墙。请看一看：它的工作方式是这样的:被裁剪\缩放的图像位于一个“拖放容器”(黄色背景)内，它位于一个视口(黑色边框)内。视口将有“溢出:隐藏”，因此将只显示图像的一部分。我想要的：当缩放时，图像应该改变比例，使

浏览 1提问于2012-07-29得票数 2

1回答

如何在iOS的三角形视图中创建可滚动和可缩放的图像？

iphone、uiscrollview、uiimageview、core-graphics

我必须创建一个控件，它在矩形框架中显示用户选择的图像，还允许用户滚动和缩放图像。为此，我添加了一个UIImageView作为UIScrollView的子视图。现在，在新的布局中，容器视图必须是三角形的，并且必须裁剪位于容器外部的图像部分。用户必须仍然能够滚动和缩放它。如何做到这一点？我已经使用图像蒙版呈现了静态图像，但同样<e

浏览 2提问于2013-07-30得票数 1

1回答

Javascript:在Safari/iOS中计算元素溢出容器的宽度

javascript、jquery、css

当在某个时候使用floatThead时，它会请求使用outerWidth()的表的宽度，以便在表头被浮动时设置它的宽度。在浮动表头的iPad上，与包装器元素一样宽，其余部分被裁剪。我调试了容器和表的outerWidth()值。在桌面浏览器上，我得到的值例如，容器为1200 of，容器内更宽的表为1900 of。但是在Safari iOS中，我为获得了935 in，包括、容

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

回答已采纳

3回答

对非父容器的绝对位置

css

我有以下div：<img id="myimg" src="myimage.jpg" />img position: relative; left: 15px;我如何修

浏览 18提问于2018-02-26得票数 0

1回答

忽略父css的最大宽度

html、css

我在我的网站上有一个容器，它将所有东西都保持在一定的宽度内，就像这样。HTML// content in hereCSS max-width: 1300px现在我有一个div，我想忽略最大宽度并扩展到边缘，但我不希望它被绝对定位并从网站流中删除，所以我这样做了。: 200px;所以这给了我正

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

回答已采纳

点击加载更多