如何在引导程序中使不同两列大小图像高度相等

文章/答案/技术大牛

发布

4回答

jquery、html、twitter-bootstrap、css

我使用了两个不同的bootstrap网格列，但图像在网格中的高度并不相等。如果我修复了高度，图像看起来会被拉伸。如何在不拉伸的情况下使两个图像的高度相等。谢谢

浏览 118提问于2017-08-01得票数 1

回答已采纳

1回答

用Flexbox实现Bootstrap中多维图像的等高网格

html、css、flexbox、bootstrap-4

我有不同尺寸的各种图像，需要在引导网格中具有相同的高度。如何在Bootstrap中复制此等大小的显示？我尝试过在子项上使用"flex 1“，但没有任何乐趣，在源代码中使用的"flex: 1 0 0%;”和网络上的其他一些等高教程也没有任何乐趣。我认为这里的解决方案是制作大小相等的矩形div，但也对获得具有所有比例的flexbox的相同高度div的方式感兴趣。

浏览 36提问于2018-06-05得票数 0

回答已采纳

2回答

Bootstrap 3-自定义div列内高度的100%

css、twitter-bootstrap

假设我有两列连续的列。我的问题是如何让这个自定义div的高度达到100%。height: auto;如果我在高度中设置了固定值，它将不能很好地播放包含图像的列，因为当视口大小改变时，图

浏览 29提问于2013-12-25得票数 62

回答已采纳

1回答

问题:我正在尝试将图片放置在Twitter的引导带的中，因此它们将被缩放到给定的空间(对于响应性的，列的大小会因不同的设备而不同)。我想让他们适应长宽比-让我们假设这是一个正方形。不工作，如果我希望图像被重新标度的引导带，以适应网格设计。负边距只适用于切割顶部和底部的部分--当图像的高度必须被切割，并且宽度保持不变时(例如，将肖像图像放入正方形)。我发现用于指定高宽比以减少宽度，使高度保持不变(将景

浏览 4提问于2012-10-02得票数 17

回答已采纳

4回答

如何在css或引导中创建自定义列？

html、css、twitter-bootstrap

我通常使用引导列和网格，但就在今天，我尝试做一些完全不同的事情，并意识到我对引导不太在行。 </div> </div>所以，在上面的代码中，我们都知

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

回答已采纳

3回答

CSS不等像高

html、css、visual-composer

我有一个3列网格，具有不同的宽度，其中每个包含一个图像元素。 <div class="col-6"><img></div></div>img { display

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

1回答

如何在同一视图中获得不同的图像样式？

views、theming

我是一个新手，我想用一个图像字段(在文章节点中)创建一个简单的视图，它看起来像这样的布局：为此，我不想使用CSS规则调整视图行图像的大小，原因有两个：导入图像两次，使每个图像都具有

浏览 0提问于2020-05-11得票数 0

2回答

全高度图像

html、css、twitter-bootstrap、twitter-bootstrap-3

</div> </div> </div>我在一行中有两列，一列用于内容，另一列用于位于页面右侧的图像。如您所见，内容已经位于容器的左侧。我只是想知道如何使两列</

浏览 2提问于2016-06-09得票数 1

回答已采纳

2回答

如何在引导中生成两个等高列？

html、css、twitter-bootstrap

class="col-md-6"> <p>Line2</p> </div>我试着导入引导<

浏览 4提问于2015-10-05得票数 3

回答已采纳

1回答

如何使子div宽度扩展到整页

javascript、jquery、html、css

在我的页面上有多行这样的容器，所以当它显示在一个小屏幕上时，元素会内联移动。我希望橙色条坐在页眉后面和略低于页眉，并填充页面的宽度。因此，我在橙色条上使用了相对定位和负z索引来将其推到标题下。 background-color: rgb(250, 105, 0); width: 100%; top: 130px;} <d

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

1回答

如何在android中从xml中将View划分为等大小的行和列(单元)？

java、android、xml、animation、gridview

对于棋盘，我使用的是背景图像。当背景被加载时，我得到这个图像的高度和宽度，并根据它调整令牌(玩家1和2令牌)的大小，并将它们放置在适当的位置。为了计算位置，我用行数和列数来划分高度和宽度。这种解决方案很有效，但效率不高，而且存在一些问题，比如令牌在不同分辨率的屏幕上以不同的速度移动，代码也变得复杂。因此，有没有一种方法可以将视图划分为给定数量的行和列，然后使用动画类移动标记。我尝试过在xml中使用GridView，

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

2回答

在SingleChildScrollView中展开的应用程序崩溃

flutter、image、stretch、fitted-box

我遇到了一个问题:我无法使图像的宽度延伸。问:如何在不指定图像高度的情况下实现？我不能在行内的任何地方设置高度，因

浏览 8提问于2022-09-09得票数 1

回答已采纳

2回答

引导列-文本在图像右侧的列中换行

html、css、twitter-bootstrap

包含文本的列一旦文本变得特定大小或没有指定宽度，就会落在图像下方，一种解决方案是向文本列添加宽度，但引导的重点不是不使用固定宽度！？我在P的css上只有wrap: break-word；我已经在图像上添加了一个高度，因为它太大了-如果可能的话，我想将图像的大小限制为引导列的大小。我尝试了所有不同的css组合。如何在一行中创建两<

浏览 22提问于2020-05-25得票数 0

回答已采纳

3回答

“图像不同”的Shell测试？

image、bash、shell、imagemagick、diff

在shell脚本中，我想检查两个PNG图像是否不同，因为这两个图像的大小不同，或者一个图像的至少一个像素与另一个图像的相应像素具有不同的RGBA。散列两个图像文件将不起作用，因为图像可能以不同的方式压缩，或者具有不同的注释，或者可能两个像素是完全透明的，但RGB分量不同，等等

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

回答已采纳

1回答

在Xamarin ListView中调整图像到行高

c#、xamarin

我正在尝试实现ListView定制示例(如Xamarin文档中的所示)。在我的例子中，在<Image Source="{Binding image}" />中，我的图像比行高大得多。我试过修改Aspect，VerticalOptions，HorizontalOptions (作为Image中的选项).似乎没有什么能阻止图像显示出完整的尺寸。还有:这给我带来了更多的问题，关于“如何在一排中贴合一个形象”的正确策略。我已经读过，行有固定的高度，建议不要修改它，但是调

浏览 1提问于2016-06-06得票数 1

回答已采纳

1回答

引导嵌套行和2列不对齐等高

html、css、twitter-bootstrap、grid、nested

我目前正在使用引导程序，我有一个1行，2个列，右边的列有2个嵌套行。我在左边有一个大图像，右边有两个小图像，但由于某种原因，我的大图像与右列没有正确对齐。我试过柔印盒，显示器:桌子，什么都不管用。[ ] [Image 2 ][ ] [Image 3 ]两列的高度</e

浏览 2提问于2016-04-09得票数 1

回答已采纳

2回答

可以在没有容器或JS的情况下创建两个具有多个元素的列吗？

html、css

我有两列div，我想像那样显示它们。这方面的问题是，简单地向左和向右浮动容器就会创建“行”，正如您可以看到的那样， (由于左1的大小增加，左3被向右推)。是否可以在不使用容器或JS的情况下创建多个div的列，如果可以，如何创建？

浏览 4提问于2014-07-20得票数 3

回答已采纳

5回答

中心div无负边距

html、css

我在这里有个小摆设：我需要将黄色的div垂直对着文本块。为此，我需要将包含黄色div的左div设置为与文本div相同的高度。我可以这样做，因为我知道黄色div的宽度/高度。我需要在不知道宽度/高度的情况下这样做。图像/div可以是不同的尺寸。我怎么才能在知道<

浏览 2提问于2014-08-26得票数 3

回答已采纳

3回答

引导+ Wordpress重叠列问题

wordpress、twitter-bootstrap

我已经开始钻研用于主题定制的WP代码，但是我突然看到了一个严重的引导栏fla，在这里我无法真正找到问题所在。我已经将博客部分设计为col-xs-12 col-sm-4 (拇指钉边图像)，col-xs-12 col-sm-8 (内容本身)。除了768 px-990 as外，所有尺寸都很好，除了768 px-990 as，这些列开始相互重叠，大小与它们应该从彼此之间获得的边距大致相同。

浏览 6提问于2016-09-20得票数 0

4回答

divs有不同的高度

html、css、twitter-bootstrap

我正在使用Bootstrap，其中有3列，列中有图片，我将图片的width和height设置为100%，每一列的大小不同，尽管所有原始图片的宽度和高度都相同<link href="https://class="col-md-4"> <img src="src" style="height:100%; width:100%" /> </div&g

浏览 12提问于2017-07-25得票数 0

回答已采纳

点击加载更多