腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Bootstrap
flex
容器
为
儿童
提供
相同
的
高度
html
、
css
、
bootstrap-4
、
flexbox
我正在尝试重写html表,以引导
flex
div。 堆栈上如何保持
容器
的
逻辑子元素
高度
不变?https://jsfiddle.net/48qdk3r5/1/ 它看起来有一些错误行为,然后我尝试将.content
高度
设置
为
100%,下一行元素溢出第一行。="col"> <h2>Header<
浏览 5
提问于2019-06-17
得票数 1
回答已采纳
1
回答
通过处理子
容器
的
动态添加,使用Flexbox垂直拉伸具有
相同
空间
的
多个子
容器
。
html
、
css
、
flexbox
我有一个带有display:
flex
和
flex
-direction: row
的
父
容器
。这些
儿童
容器
水平伸展得很好。问题是子
容器
可以动态增加,并且它们都需要完美地包含在父
容器
中,如下面的图像所示: 第二例在上述两个图像中,我通过手动将所有子
容器
的
高度
分别设置
为
50%和33.33%来处理这种情况(每当子
容器
动态增加时)。而不是这样做,我
浏览 1
提问于2019-01-31
得票数 1
1
回答
100%
高度
使用twitter引导和
容器
流体
html
、
css
、
twitter-bootstrap
我见过一些关于div
的
问题,它们占据了屏幕
的
100%,但是没有一个完全符合我
的
要求。我想最接近
的
是: <div class="navbar navbar-inverse navbar-fixed-top">
容器
流
浏览 1
提问于2012-11-28
得票数 5
2
回答
Bootstrap
3等高缩略图(就像
bootstrap
4中
的
等高卡)
twitter-bootstrap-3
、
twitter-bootstrap-4
我有一排这样
的
缩略图:我希望它们
的
高度
是一样
的
。这是我
的
代码: <div class="col-md-3 col-sm-6"> <div class="thumbnail"glyphicon glyphicon-plus"></span></a></
浏览 1
提问于2016-11-19
得票数 4
回答已采纳
1
回答
不填充父级
高度
的
Flex
项
css
、
flexbox
我有一个装有
儿童
物品
的
容器
: <div className="item">1</div>
flex
-direction: row;}
flex
: 1; text-align: cen
浏览 3
提问于2021-02-10
得票数 0
回答已采纳
2
回答
如何防止镜像溢出
flex
-grow 1项?
html
、
css
、
bootstrap-4
我有三个部分:IMG +其他(主要部分)沙盒: 这是我必须做
的
,但图像现在溢出了,所以我把它藏起来了。宽度可以小于
容器
<e
浏览 2
提问于2020-11-10
得票数 0
1
回答
Div不调整大小以适应父级
css
简而言之,我有一个边条和一个可折叠
的
肚脐,还有一个嵌套
的
div在肚脐下面。 max-height: 100%;} <div class="s
浏览 2
提问于2019-10-10
得票数 0
回答已采纳
2
回答
IE11忽略CSS中
的
背景色。
css
wrapper"> jsdhfsdjkfhj</div>.wrapper{
flex
: 1; min-height: 100%; background-color:
浏览 1
提问于2014-12-22
得票数 0
回答已采纳
1
回答
像16.666666666...px那样精确
的
直线
高度
html
、
css
所以在数学上,我
的
line-height等于16.666666666...px。有没有一种方法来编写类似的脚本line1 starts at 1 * $lineHeight; line2 starts为了坚持我
的
line-height网格?
浏览 2
提问于2019-03-03
得票数 1
回答已采纳
2
回答
在响应站点上使用ul或带CSS属性
flex
的
div
html
、
css
、
responsive-design
这个问题是关于导航栏
的
。我使用了ul --跟许多其他开发人员一样--然后发现对于某些导航行为,使用display:
flex
属性要容易得多,如下所示: <div><a hrefhref="#">REGISTER</a></div> <div><a href="#">BASKET</a></div>
浏览 4
提问于2016-02-26
得票数 1
回答已采纳
2
回答
改变
Bootstrap
中行
的
高度
html
、
bootstrap-4
"> </div></body> 我想改变2行
的
高度
,但总是让它们都填满
容器
。事实上,他们都占据了屏幕
的
一半。但是,如果我将
高度
改为20和80,那么这些行就会恢复到屏幕顶部
的
2行。唯一
的</em
浏览 1
提问于2019-10-02
得票数 3
回答已采纳
3
回答
当使用展开小部件时,没有可见
的
内容。
android
、
flutter
、
dart
我试图在一个示例项目中使用扩展
的
小部件。我在列小部件中嵌入了一行作为子程序。在行中,我使用了带有.But属性
的
扩展小部件,在删除展开后,我无法在屏幕上看到任何内容,它可以工作。我试着把展开放在列前面,它也显示了同样
的
错误。这是我
的
密码:- const MaterialApp(home:),
浏览 10
提问于2022-01-01
得票数 0
回答已采纳
1
回答
IE : IMG原始
高度
影响父级
高度
css
、
image
、
internet-explorer
、
size
、
flexbox
我有一个父
的
flexbox (它也是一个列flexbox
的
一部分): width:100%; padding-bottom:30px; 它包括2名
儿童
: max-width:none; /* override other第二个图像大小过大,设置
为
100%宽度,因此缩小到它
的<
浏览 1
提问于2015-10-26
得票数 6
1
回答
具有calc最大
高度
的
IE和CSS挠性盒存在窗口调整问题。
css
、
internet-explorer
、
flexbox
我有一个项目的用例,其中有一个使用css calc来确定其位置
的
模式。JsFiddle: position: relative; display: -ms-flexbox;问题是在IE10 (显然)中,模态最初加载并且超过了它
的
max-height,直到我调整窗口
的
大小。这会将模式切换到正确
的
高度
,但是当我使窗口变短时,它会被困在这
浏览 2
提问于2017-05-19
得票数 1
2
回答
如何将挠曲盒
的
底部元素
的
含量确定为100%高
的
容器
html
、
css
、
flexbox
如果我制作了一个包含两个子流和列流
的
挠曲盒,并将第二个子流设置
为
flex
-grow 1,那么第二个子子将展开以填充该柔性盒。)</div> </d
浏览 1
提问于2015-10-14
得票数 6
回答已采纳
2
回答
如何创建两个孩子来填充父母
的
身高?
css
右边
的
第二个div应该占据双亲
的
剩余宽度,也是其
高度
的
100%。因此,给定父
容器
和两个子
容器
的
以下HTML: <div class="b"> <div class="c"> </div>并且为父级
提供
了这个CSS:
浏览 4
提问于2018-07-16
得票数 1
回答已采纳
3
回答
如何在保持
高度
的
同时调整项目的水平和垂直尺寸
jquery
、
html
、
css
、
responsive-design
、
flexbox
我
的
问题是:我想让这些
容器
中
的
每一个填满任何剩余
的
空间,如果一个是垂直和水平移除
的
。我在
flex
-flow: row wrap中使用了flexbox,当我们删除两个底部
容器
中
的
一个时,这个功能非常好。然后,为了让它们垂直调整大小,我使用了“
高度
自动”属性,并且可以预见,
容器
元素将填充其
容器
的
剩余
高
浏览 5
提问于2016-02-12
得票数 1
回答已采纳
3
回答
在连续行中水平和垂直居中引导4列
html
、
flexbox
、
bootstrap-4
、
vertical-alignment
、
centering
我试图简单地居中对齐,并在
容器
中对齐两个引导程序列。列在不同
的
行中。网格布局
为
<div class="container"> <div class="row">我知道有很多关于垂直对齐
的
问题,我可能错过了包含我需要
的
答案
的
问题。但我从其中
的
大多数中学到
的
是,父母需要有一定<
浏览 0
提问于2019-02-16
得票数 3
回答已采纳
1
回答
Flexbox,列
的
行为与行不同。
html
、
css
、
flexbox
它似乎是灵活
的
方向:列根本不工作。另一方面,弯曲
的
方向:行;-完美地工作。您只需将“列”替换为“行”,就可以在下面的代码中看到它:.
flex
-container {
flex
-direction: column; background-color: DodgerBlue;
flex
-grow: 1; background-col
浏览 0
提问于2018-07-11
得票数 0
回答已采纳
2
回答
引导等
高度
列中断响应
html
、
css
、
twitter-bootstrap
我试图实现
相同
的
行
高度
引导类使用
容器
,行和col 4。最初,我询问了一个被标记为副本
的
。然而,我发现所
提供
的
解决办法存在问题。问题是,在正常
的
三象素-4情况下,当我到达‘断点’时,我会在大屏幕上得到3行,而正好有一行。但是,
提供
的
解决方案()违反了该规则。根据屏幕大小,我有时根据屏幕大小得到1、2、3甚至4列,如下图所示。如何在保持引导
的
标准行为
的
同时达到同等
的
<
浏览 1
提问于2017-05-02
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Web自适应布局你需要知道的所有事儿
CSS3 Flexbox布局
给萌新的 Flexbox 简易入门教程
前端入门5-CSS弹性布局flex
微信小程序CSS之Flex布局
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券