无法使用flex将两个图像放在一行中

文章/答案/技术大牛

发布

3回答

css、flexbox

我不能设法通过使用flex在一行水平放置2个图像。我确保父元素中有足够的空间。它们只会留在列中。 .card { height: 90%; flex-direction: row; justify-content: space-evenly

浏览 55提问于2021-03-18得票数 0

5回答

如何使用css柔性盒进行布局

html、css、layout、flexbox

我试图使布局类似于显示在图片中使用CSS。cases/cases8.jpg" alt=""> CSS -display: flex;width: 100%; display: fle

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

回答已采纳

2回答

使用flex横向对齐图像和文本

html、css、flexbox

我使用flex将图像和文本放在一行中。我想要水平对齐这两个。align-items: center完全不起作用。不知道这是怎么回事。我正在寻找水平对齐两个非常精确，如有帮助，将不胜感激。我尝试将style="vertical-align:middle;"添加到<

浏览 2提问于2020-09-12得票数 0

2回答

我怎样才能把一个盒子和另一个盒子放在一起？

css、layout、flexbox、position

我试图使用flexbox将两个挠性容器放在一起，以这个布局作为参考(我希望它像这里的第一行，左边的部分图像在一个盒子里，另一个在右边)到目前为止，这是我针对这两个容器的代码： background-color: #bda89c; padding: 1em; display: inline-flex; fl

浏览 6提问于2021-05-02得票数 0

回答已采纳

4回答

使用css对图像进行中心化

javascript、html、css

我希望把图像和文本排成一行。我尝试了弯曲方向，看看我是否可以翻转它，我试着用对齐项垂直控制它，但所有发生的事情是容器移动到左边。.footer { bottom: 0; right: 0; display: flexjustify-content: center;}.container{ displ

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

1回答

如何将柔韧儿童分组，并向他们展示不同的方向？

html、css、flexbox、media-queries

我刚开始使用flexbox，我无法找到解决我的问题的方法。我在一个段落中有一个标签、一个图像、一个输入和一个图像。我在我的段落中添加了display:flex，它很好地将图像与输入对齐。<p style='display:flex'><label></p> 当我的决议是小的，我想集

浏览 5提问于2017-11-29得票数 0

回答已采纳

3回答

有人能给我解释一下这个柔性盒css问题吗？

html、css、flexbox

代码很简单<div class='images'> <img src='/></div>.images { w

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

回答已采纳

1回答

我有一个小部件，其中包含两个(文本)项，其中一个具有可变长度。如果空间用完，我希望第二个项目换到下一行的末尾。 ? Flutter有一个名为Wrap的小部件，它允许在空间耗尽时对内容进行包装，但是我无法使用Wrap、Expanded、Row和Spacer小部件的各种组合获得所需的结果。我对Flutter还是个新手，但我已经找到了在CSS中做到这一点的方法:将可变宽度元素放在容器中，将flex: 1 0 auto应用于容器，<em

浏览 45提问于2021-11-19得票数 0

1回答

带有flexbox的单列库，其中某些div一分为二

css、flexbox

我正在使用一个图库，它表示包含一个或两个跨越整个宽度的<div>元素的列。包含多个<div>元素的列还包含具有不同高度和宽度属性的图像。我将使用一个具有固定宽度和flex-wrap属性的flexbox <div>元素。跨越整个宽度的<div>元素都有一个max-width: 100%属性。包含多个项目的一行位于一个容器<div>元素中，该元素跨越，然后每一项都位于另一个框<div>元素中</

浏览 16提问于2019-05-28得票数 0

3回答

在同一行中对齐图像

html、css

在我学习web开发的过程中，请帮帮我，我正面临着两个问题1:如何才能将上一张图片中的所有图片对齐2:图片下方的价格我想要对齐到图片的最后一角 [<section id ="featured">

浏览 1提问于2016-05-26得票数 2

2回答

如何将两个反应元件并排放置？

html、css、reactjs

由于其组件，说明自动低于图像。--这是我想要的图像右边的描述 return (描述的CSS display: block; display: flex; height: 70%; float: rig

浏览 4提问于2021-02-04得票数 0

回答已采纳

3回答

如何使输入字段和图像位于同一行？

html、css

我正在尝试使此输入字段与图像位于同一行中，请帮助这里是输出和代码 <img class="comment-profile-pic" src="https://drgsearch.com/wp-content

浏览 2提问于2021-08-09得票数 0

回答已采纳

1回答

为什么这个文本不能正确地对齐图像旁边的位置？也无法获得水平屏幕对齐

css、reactjs、next.js

下面是我当前项目的截图：两个问题:第一，为什么第一个文本在图像下面，其余的在图像旁边？这只是一个一般性的调查，我根本不想让你展示它。所以我要问第二个问题..。margin: 10px 10px; display: inline-block;} display: flex;} 我已经尝试了几十种变体，从display: flex;到display: blo

浏览 2提问于2022-07-15得票数 0

回答已采纳

0回答

圆形显示图片

html、css、flexbox、html-framework-7

我正在尝试创建一个标题，其中将包括标题和圆形显示图像。在代码中，我使用了3个div，其中包含包装器、标题和图片。我完成了display:flex，它将它们放在一行中，并使用flex:1将图像向右移动。.headerOfBio {} flex: 1 background-image: url(&qu

浏览 18提问于2017-12-05得票数 0

回答已采纳

1回答

在Blgger中使用悬停文本在一行上创建两个图像

image、hover、blogger、caption

我正在尝试使用blogger.com为我的博客创建一页图片。关键是，我想让文字出现在照片上时，它是悬停的。我想出了如何通过使用中的代码来实现这一点。(我无法以适当的格式把它放在这篇文章中)(如果这是不可能的，我如何才能在同一行上得到<e

浏览 4提问于2014-06-11得票数 0

回答已采纳

4回答

Flexbox:缩小图像以适合

html、css、flexbox

除了最后一行之外，所有行都是静态的(有预定义的内容)。 margin: 0;div#container { flex-direction: column; height没有将图像div缩小到合适的大小。我可以从前两个div中移除flex: 0

浏览 9提问于2016-10-01得票数 7

回答已采纳

1回答

破坏移动电话上嵌套的flex

html、css、flexbox

我在每一行有两个主要部分，每个部分有一个图像和一些文本。如何在移动电话媒体查询的新行中分割这些部分？如果我把display-direction: column;放在.row-flex上，那么图像和文本也会中断，我不想这样。我要他们分道扬镳 display: flex;.col-1 {} flex: 3;<div

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

回答已采纳

4回答

包装偶数箱引导5

css、bootstrap-4、bootstrap-5

否则，如果是md+，则第一行中有两个框，另一行中有另外两个框。 <div class="d-flex justify-content-center align-items-centerborder" style="width: 350px; height: 100px;"> <

浏览 11提问于2022-01-26得票数 0

4回答

Flexbox -display: flex* -我的内容显示在一行中*

html、css、flexbox

我想在我的盒子里添加两个金字塔，但是这两个金字塔出现在同一行上，这两个变成了一个？为什么会这样呢？显示: flex将内容放在一行中？我尝试了.boxes1的flex-direction: column (并在.mainbox1中创建为.boxes1，它可以工作，但想知道上面提到的问题的解决方案。 .mainbox1 { flex</e

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

回答已采纳

2回答

将无序列表与图像对齐

html、twitter-bootstrap、css

现在我想让is和图像对齐。左浮动不起作用。我的形象太大了，所以我想要垂直对齐。在这里你可以找到一支钢笔： `https://codepen.io/anon/pen/WpVydZ`

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

回答已采纳

点击加载更多