腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
如何
让
flexbox
中
的
项目
只
取
内容
宽度
?
、
、
我遇到
的
问题是,
项目
之间
的
空间太大了。我
的
代码: #container { flex-wrap: wrap;} flex-grow: 1;可以在这里找到实际应用
的
代码: Fiddle
浏览 51
提问于2021-05-10
得票数 0
回答已采纳
1
回答
如何
在不影响网页响应性
的
情况下将搜索栏放在导航栏
的
中心?
、
、
、
我对CSS和HTML非常陌生,所以在为我
的
学校
项目
设计网页时遇到了困难。这是我用来设计网页
的
html文件。<!
浏览 2
提问于2020-06-14
得票数 0
3
回答
最受支持
的
垂直对齐方法?
、
、
、
直到最近,我一直在使用
Flexbox
垂直对齐元素,如下所示:display: -webkit-flex;-ms-flex-aligncenter;-webkit-box-align: center;然而,我已经开始致力于越来越多
的
项目
,这些
项目
需要支持不支持
Flexbox
的
旧浏览器,例如In
浏览 2
提问于2017-01-09
得票数 1
1
回答
使PickerIOS在React本机
中
居中
、
、
、
、
我一直在尝试将PickerIOS居中,但我可能忽略了选取器背后
的
基本逻辑,因为我
只
希望它
的
宽度
是全屏
的
。我可以用iPhone 4s / 5s做到这一点,但当我在iPhone 6上运行它时,拾
取
器似乎在左侧,右侧有一些空间。我一直在尝试使用alignItem:'center‘,并在选择器周围使用包装器,但这只会
让
它消失。我也尝试过alignSelf,但仍然不起作用。我认为Picker
的
默认
宽度
是全屏
的</em
浏览 1
提问于2015-10-03
得票数 4
1
回答
将
flexbox
容器缩小到
内容
大小
、
、
如果使用
Flexbox
布局在一行
中
对某些
项目
进行布局,则
Flexbox
容器将占据其所在容器
的
全宽。
如何
将
Flexbox
容器设置为
只
占用其子元素
的
宽度
?看一下下面的例子: 在本例
中
,
flexbox
容器
的
大小超出了子元素
的
宽度
。解决这类问题
的
典型方法是display: inline,但显然这是行不通
的</
浏览 3
提问于2017-07-12
得票数 11
1
回答
css柔性盒项
的
宽度
意外增长
、
、
.
flexbox
-container1 { display: flex; justify-content: center="
flexbox
-container1"> <div class="<e
浏览 4
提问于2020-10-18
得票数 0
回答已采纳
1
回答
我有一个容器
的
挠曲包裹div相互重叠。这些可能是不同
的
高度和包装多次。
如何
避免重叠?
、
、
我需要第一个div将第二个div推到右边,等等,但是,div
的
宽度
在包装后保持不变,导致它重叠。{orderedColumns.map((column, index) => { <Column key
浏览 8
提问于2021-12-22
得票数 0
回答已采纳
2
回答
是否根据其他子项调整div
的
宽度
?
、
、
我真的不知道
如何
解释,但我会尽我最大
的
努力。我该怎么做呢?目前,子div
只
取
所需
的
量,并且它们不会放大以填满所有可用
宽度
的
全部100%。
浏览 0
提问于2012-12-20
得票数 1
回答已采纳
1
回答
Bootstrap 4和断点
、
我打算在photoshop
中
创建一个UI,用来渲染一个全宽
的
网站。我以前从来没有使用过
flexbox
,在使用它之前我也从来没有创建过一个全宽
的
站点。我想知道我是简单地坚持默认
的
引导断点,还是需要做一些完全不同
的
事情。
浏览 5
提问于2018-09-28
得票数 0
2
回答
下划线悬停是划线额外
、
这里是我
的
下划线悬停效果有问题
的
代码--它
的
额外扩展--
如何
修复它--请帮助我解决*<ul class="group" id="example-oneOffers</a></li><li&
浏览 1
提问于2017-04-15
得票数 0
1
回答
为什么这种网格布局不起作用?具体地说:为什么嵌套项排列成行,而不是放在网格上?
、
、
、
我正在尝试创建一个网格布局,这样有5个等间距
的
列,6行,其中3行包含一个标题,标题下面的行名,这是一个充满
项目
的部分(认为250x250像素
的
正方形填充每个部分是我
的
目标)。样式表看起来像(在sass
中
): { grid-template-columnsgrid-row-start: 6;} .offerings-index-g
浏览 21
提问于2020-05-07
得票数 0
回答已采纳
1
回答
jQuery
FlexBox
:
如何
检索用户
的
查询和提交
的
表单?
、
、
、
、
我正在努力学习
如何
使用。感到困惑:
如何
指定
FlexBox
的
名称?在文档
中
,它是这样写
的<
浏览 4
提问于2010-10-31
得票数 0
回答已采纳
1
回答
根据显示柔性盒中
的
子部件设置父级高度/
宽度
、
、
、
我正在使用
Flexbox
,但是当我尝试将父div
的
高度/
宽度
设置为auto时,似乎出现了一个问题。/li> </div>.parent { flex:1;但它
只
给一行子物品上色, 根据子记录
宽度
设置父背景颜色存在问题,
如何
使用
Flexbox
浏览 5
提问于2015-06-03
得票数 1
2
回答
如果行
中
没有足够
的
空间,请将挠性方向切换到列
、
、
、
在下面的示例
中
,我想要
的
是,当.inner-
flexbox
的
子元素可以放进一行时,
让
它拥有flex-direction: row;,但如果不能,则切换到flex-direction: column;。我不认为媒体查询是我想要
的
,因为我将根据视口
宽度
是否大于或小于.inner-
flexbox
中所有.inner-
flexbox
的
宽度
以及<aside>
的
宽度
浏览 0
提问于2017-04-07
得票数 7
回答已采纳
1
回答
为什么
flexbox
在包装元素后不能收缩到合适
的
位置?
、
、
我想要一个最大
宽度
的
flex-box,它
的
最大
宽度
可以超过这个
宽度
,但它也适合flex box
中
任何给定“行”
的
最大大小。我现在面临
的
问题是,任何超出最大
宽度
的
元素都会导致
flexbox
仍然占据最大
宽度
。这是一个演示这个问题
的
代码
的
链接: <div class="
浏览 0
提问于2020-01-01
得票数 6
1
回答
如何
使用susy 2使一些div比其他div对不同
的
长宽比更灵敏
、
、
、
无论
如何
,这一切都是通过susy2
的
基本响应,并且侧边栏是完全独立
的
,所以它可以独立于主要
内容
滚动。我想要
的
是包括页眉和页脚在内
的
整个主要区域都能完美地适应vid上面和下面的边距,但然后
让
侧栏列改变它
的
宽度
以匹配平板电脑。 所以..。如果平板电脑更宽,预告缩略图
的
比例为16x9。如果先弄清楚
如何
相应地缩小正确
的
列,这样拇指
的
方向是不变
的
,这是比较
浏览 0
提问于2014-05-10
得票数 0
3
回答
在表格中保持间隔整齐
、
、
我想在它们之间放置间隔符,这样元素就可以跨越可变
宽度
。
如何
才能最容易做到这一点?我对使用jQuery持开放态度。不过,我更喜欢使用CSS。 如果我没有说清楚,每一列都是375px宽。
浏览 2
提问于2011-10-06
得票数 0
回答已采纳
1
回答
如何
使用flexDirection列处理
flexbox
中
的
宽度
?
、
我想我有一个问题,应用css
的
flexbox
到一个按钮。
让
我给你举个例子: <div style={{display: "flex", flexDirection: "column"}}> <input /> <button>click here</button> </div> 我
如何
处理我<em
浏览 4
提问于2020-10-24
得票数 0
2
回答
如何
使用
flexbox
强制分割成相等
的
部分
、
、
在像这样
的
dom结构
中
: <div id="2"> </div> <div id="4"></div>#1{ flex-direction: row;#2
浏览 1
提问于2013-06-08
得票数 15
回答已采纳
1
回答
动态确保所有
flexbox
项具有相同
的
最小
宽度
,而不使用flex-direction:column?
、
、
、
原来问题
的
答案似乎是
flexbox
不支持这一点,但是我也想知道是否可以做到这一点。也许在一个新
的
问题中问得更好。我有一个
flexbox
容器,里面有几百个
项目
,其中包含可变长度
的
文本,并将white-space设置为nowrap以确保文本不会换行。<div>And so on for a few hundred of these divs</div>是否有一组
flexbox
参数可以使所有
项目<
浏览 0
提问于2017-10-15
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Flexbox 布局的最简单表单
基于 Flexbox和CSS Grid 的高效布局
前端自适应布局你需要知道的所有事
CSS—总结常用垂直居中方法
给萌新的 Flexbox 简易入门教程
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券