腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
使
两个
flex
box
内容
保持
相同
的
填充
?
、
、
当我在第二行交换
内容
时,尝试
保持
两个
弹性框
内容
之间
的
间距
相同
。
如何
在交换第二个弹性框
内容
后
保持
相同
的
填充
。 在这里我附上了我
的
问题图片 ? 这是我
的
html代码 .profile-container {} display:
flex
; align-items
浏览 15
提问于2020-07-07
得票数 0
回答已采纳
1
回答
将
flex
列分成两行
、
、
我有以下专栏(Fiddle:) 列
的
相同
高度是用
flex
实现
的
.columns-equal { display: -webkit-
flex
; display:
flex
;} (用于
保持</e
浏览 2
提问于2015-12-20
得票数 1
回答已采纳
1
回答
为什么我
的
两个
盒子在使用
相同
的
css类时处于不同
的
高度?
、
我不明白为什么我
的
柔性盒不都遵循
相同
的
padding-bottom规则。只有一个类通过padding-bottom应用高度。 display:
flex
;
flex
-flow: row wrap; -webkit-
flex
: 1 auto;
flex
: 1 au
浏览 4
提问于2017-12-19
得票数 0
回答已采纳
2
回答
填充
可用高度,然后在没有空间时滚动
、
、
、
我希望列中有
两个
元素(Div)。第一个有一个固定
的
高度,第二个我想
填充
所有剩余
的
高度。如果第二个元素
的
内容
超过了剩下
的
空间,我希望滚动它
的
内容
,而不是让第二个元素占用更多
的
空间(这会导致父元素滚动)。 例如,中
的
“第一个元素”是这张照片中
的
搜索栏。固定高度,并
保持
在顶部。正如您在底部看到
的
,表
内容
扩展了页面的高度,整个页面变得可
浏览 0
提问于2019-08-05
得票数 0
回答已采纳
3
回答
需要
内容
增长到
相同
的
高度
、
、
、
、
我正在使用AngularJS材料,并且遇到了一个问题,试图
使
md-card达到
相同
的
高度。在屏幕上,卡片
的
高度是
相同
的
,但我真的只想让
内容
部分增长以
填充
空闲空间。下面你可以看到我的卡片是
相同
的
高度,但我希望我
的
图像和图像标题
保持
不变,而下面的一切都会增长以适应最大
的
高度:我的卡片代码如下所示: <div
浏览 41
提问于2018-01-26
得票数 2
回答已采纳
2
回答
如何
在挠性行上设置外部
填充
/边距?
、
、
、
我有几个弹性行,我想设置一个外部边距或
填充
,这样
内容
就不会达到50 an范围内
的
屏幕边缘。 我已经尝试过用各种方式干扰width、min-width和
flex
-basis,以使其正常工作。当不使用
flex
-
box
时,这非常简单,只需在行上设置margin: auto 50px;,但是使用
flex
-
box
,我似乎无法
使
它工作。,
使
所有
内容
都对齐,但是在第二行外部添加50 on边距
的
原
浏览 1
提问于2016-09-30
得票数 2
回答已采纳
2
回答
删除“
填充
”时
的
“查看”删除
我正在学习ReactiveNativeand试图理解组件风格
的
行为。当我移除
填充
物样式时,为什么盒子会脱落?React.Component { return ( <View style={styles.
box
} /> <View style={styles.
box</em
浏览 0
提问于2019-03-18
得票数 1
回答已采纳
1
回答
将高度与Flexbox对齐
、
、
我使用作为参考,配置如下: <div class="A">A</div> <div class="C">C</div> <div class="E">E&
浏览 0
提问于2013-07-14
得票数 2
回答已采纳
1
回答
如何
处理滚动条包装?
、
、
我想
使
内容
滚动,同时
保持
边栏固定。 如果我相对定位它,边栏和
内容
卷轴: position: relative;
flex
-direction: row;
box
-sizing: border-
box
; .
flex
-wrap
浏览 2
提问于2017-06-11
得票数 0
回答已采纳
1
回答
在Bootstrap 5中
的
2行中,删除一列上
的
所有
填充
,但
使
第2列
保持
完全对齐。
、
因此,我在Bootstrap 5中有一个2列
的
布局,每个列都需要
保持
50%
的
宽度。> One of two columns </div>如果我希望第一列
的
内容
完全刷新到列
的
左、右边缘(没有
填充
等),但仍然保留第二列
的
默认<
浏览 4
提问于2022-05-07
得票数 0
1
回答
为什么具有负边距
的
连续元素对
内容
流
的
影响与具有负边距
的
单个元素不同?
、
、
代码结果
的
屏幕截图-示例如下: 我在示例中有3列项: 第一列包含4个具有正常
内容
流
的
框,第二列包含
相同
的
框,但有一个框有类.negative,扩大了具有负边距和
填充
的
元素。注意,该列
的
高度与第一个one.The第三列
的
高度
相同
,第三列包含
两个
连续
的
元素,具有
相同
的
.negative类。注意下面的
内容
流已更改,该列现在有一个
浏览 6
提问于2022-03-22
得票数 0
5
回答
CSS: IE11中
的
div不
保持
相同
的
高度
、
、
、
目前,我正在使用display:
flex
;来显示3块瓷砖,它们调整并
保持
相同
的
高度,而瓷砖中
的
内容
最多。 下面的HTML/CSS在除IE11之外
的
所有浏览器中都能工作&我不知道为什么。我尝试将min-height: 100vh;添加到我
的
richTextOne类中,但这使得所有容器
的
高度
保持
不变&同时也会炸掉高度,所以这不是我想要
的
。min-height: inherit
浏览 23
提问于2022-03-09
得票数 0
回答已采纳
2
回答
具有
相同
大小容器div
的
嵌套flexbox图像
、
、
、
我需要图像始终
保持
其16x9
的
比例,并希望父(或另一个div)始终是图像的确切大小,因为我正在使用它
的
坐标来创建激光笔功能,并将其发送给其他用户。我目前有以下代码:#container { display: -ms-flexbox; -webkit-
box
-align: center; align-items: cent
浏览 18
提问于2021-03-26
得票数 0
1
回答
打开垫-膨胀板是移动相反
的
柱,
如何
保持
它不变?
、
、
、
、
在我
的
项目中,我有
两个
专栏,每一列都有自己
的
垫-手风琴,其中有一些垫-扩展板。当我单击打开任何一个扩展面板时,它将相反
的
列向下移动。这是CSS。; display:
flex
; align-items:center;}
flex
-direction:
浏览 1
提问于2020-10-27
得票数 0
回答已采纳
2
回答
如何
将div水平、垂直居中,并
保持
1:1
的
纵横比?
、
、
、
我希望在div中有一个画布,它居中,无论其比例
如何
,都
保持
1:1
的
纵横比。alignItems: "center",然而,在谷歌了很多次之后,我找不到一种强制实施纵横比
的
方法。有一些奇怪
的
方式使用顶部
填充
,
浏览 0
提问于2017-09-08
得票数 0
1
回答
调整页眉和
内容
div维度
的
大小,当窗口大小更改时响应,但
保持
右侧侧栏尺寸。
、
、
我试图使用一种柔性盒方法来创建一个布局,在调整窗口大小时,可以调整标题宽度和
内容
尺寸,但是要
保持
侧栏尺寸。<style> height: 100%;
浏览 2
提问于2017-04-07
得票数 0
1
回答
flexbox-我不知道是什么原因导致这个div在flexbox中有一个阻塞
的
空间
、
、
、
如果有人能帮我解决造成这个紫色封堵框在我
的
#标题-
内容
,这将是非常感谢。 background-color: #343c63; display:
flex
;a { color: white;} display:
flex
padding-right: 100px;
浏览 3
提问于2022-06-26
得票数 0
回答已采纳
3
回答
在CSS网格中,对自我、对项和对齐
内容
之间有什么区别?
、
在查找在线资源和文档时,这些属性
的
大多数文档似乎引用
的
是
Flex
-
box
,而不是网格。我不知道
Flex
-
box
中
的
等价属性
的
文档
如何
适用于网格。因此,我尝试引用,它将它们定义为:justify-content -此属性
使
网格沿行轴对齐。 自定义()--沿行轴对齐网格项中
的
内容
。
Flex
-
浏览 0
提问于2018-01-31
得票数 103
回答已采纳
1
回答
如何
使
flexbox中
的
第一个按钮与第二个按钮
的
大小
相同
、
、
如何
使
第一个按钮与第二个按钮
的
大小
相同
?而不管按钮所在
的
内容
是什么。附注:按钮
的
固定宽度不合适 .
box
{
flex
-direction: column;} width: 100%;
浏览 15
提问于2020-09-16
得票数 0
2
回答
如何
垂直对齐不同高度
的
栅格元素?
、
、
我
的
问题是,我
的
网格元素都有不同
的
高度长度,这在下面的行下留下了额外
的
空间。它看起来和我想在移动设备上看到
的
一模一样,但是,在桌面上,我似乎不能在有额外空间
的
地方把图像往上推。我尝试过使用display:
flex
; align-items:
flex
-start;,但它仍然保留了额外
的
空格。看看我
的
网站:示例HTML <div class="grid"
浏览 4
提问于2019-11-15
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给 Web 开发者的 Flutter 指南 5
Flexbox一出,谁与争锋?
新手不知道的,前端关于html5入门学习顺序
Flexible Box Layout 原理剖析
24个 CSS 高级技巧合集
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
腾讯会议
活动推荐
运营活动
广告
关闭
领券