腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
如何
在行
布局
中
包装
flexbox
的
内容
?
html
、
css
、
flexbox
我使用了如下代码所示
的
flex
布局
:.container { display: flex; flex-wrap</div></div>但这并不是我所期望
的
。我希望句子像这样显示: 1.
浏览 14
提问于2021-02-28
得票数 0
回答已采纳
1
回答
当挠性容器在浮动元素内时,
如何
使IE 11
包装
柔性盒项目?
css-float
、
internet-explorer-11
、
flexbox
我试图在两列
布局
的
内容
区域中添加一个
flexbox
元素。
布局
有一个固定
的
宽度,侧边栏和流体含量。它使用float: left和负利润率来实现这一点。 目标是让flex容器
的
宽度为父容器
的
100%。应
在行
中
显示Flex项,并将多余
的
项
包装
到下一行。经过大量实验,这似乎与flex容器在float: left元素
中
的
事实有某种关系。删除float允许项
浏览 0
提问于2015-03-15
得票数 1
1
回答
三个div /两列
布局
-可能与
Flexbox
?
css
、
layout
、
flexbox
我一直在尝试使用
flexbox
实现下面的
布局
。我最初有一个包含图像和导航
的
左手边栏,以及一个主要
的
内容
区域。在移动平台上,侧边栏用于在主
内容
下面
包装
。问题在于,我需要将图像保持在移动设备
的
顶部,所以我一直在尝试在一个
包装
器div中使用三个兄弟级div。
浏览 4
提问于2021-11-06
得票数 2
回答已采纳
4
回答
自动中断跨距并保持对齐
css
、
responsive-design
我有一个label和一个span在div
中
,其中span
的
内容
是动态
的
。标签应该总是对齐
的
,如果行
中
的
内容
没有足够
的
空间,它应该自动中断到下一行,并保持在右边对齐。初始情况: 更改span
内容
后
的
: 它应该是什么样子: 操场: 有什么解决办法吗?我已经尝试过在
flexbox
中
这样做,它允许我正确地对齐值span,并在需要时自动将它
包装<
浏览 9
提问于2015-12-17
得票数 4
回答已采纳
2
回答
如何
使用css3
flexbox
创建多栏
布局
而不进行垂直扩展?
google-chrome
、
css
、
webkit
、
flexbox
我正在使用Chrome
中
的
CSS3
的
flexbox
(不用担心跨浏览器
的
问题)。我很难说服它以我喜欢
的
方式展示我
的
内容
。body垂直
布局
,#content div采用页面的剩余高度。每个.group都是水平
布局
的
。最后,每个.item都通过
包装
在.group
中
垂直
布局
。如果我将每个.group
的
高度设置为固定
的
浏览 1
提问于2012-12-28
得票数 16
回答已采纳
1
回答
这个基于
Flexbox
的
布局
需要额外
的
标记吗?
css
、
flexbox
我现在进入
Flexbox
,试图看看
如何
从使用传统
的
CSS网格过渡。从设计上看,它们看起来都是一样
的
,对于RWD来说,它们
的
行为也完全一样。但是,为了使用
Flexbox
完成相同
的
行为,我必须在N
浏览 1
提问于2015-02-22
得票数 2
回答已采纳
1
回答
我有一个容器
的
挠曲包裹div相互重叠。这些可能是不同
的
高度和
包装
多次。
如何
避免重叠?
css
、
reactjs
、
flexbox
我需要第一个div将第二个div推到右边,等等,但是,div
的
宽度在
包装
后保持不变,导致它重叠。{orderedColumns.map((column, index) => { <Column key
浏览 8
提问于2021-12-22
得票数 0
回答已采纳
1
回答
包装
时,
Flexbox
更改项目样式
html
、
css
、
flexbox
项目
包装
后可以应用样式吗?,如果
包装
的话,
如何
删除margin: auto #item2 of ?这就是我想要
的
:还有许多其他实例,在这些实例
中
,我希望在柔性盒项目
包装
时更改它们
的
样式。 我发现,有时很难为更复杂
的</em
浏览 10
提问于2022-11-29
得票数 1
2
回答
没有额外‘div’
的
CSS
布局
html
、
css
、
semantic-markup
更糟糕
的
是,这种模式可能会发生在应用程序内部更低
的
位置,(将main替换为say section)。 我试着使用表格
布局
,
flexbox
,floats等。我使用了带
包装
的
flexbox
,将“h1”设置为100%,这样它就会自动换行,虽然这个方法可以工作,但我遇到了这样一种情况,即header或h1
的
大小不是先用
内容
来调整
的
,而是
flexbox
使用了一些任意
的
计算方法尝试将h1<em
浏览 1
提问于2015-05-04
得票数 0
2
回答
flexbox
布局
,左侧有两项,右侧有一项
html
、
css
、
flexbox
我正在尝试使用
flexbox
来实现以下
布局
。┌─┬─────┐├─┤ C │ └─┴─────┘ 有没有可能在不将A和B
包装
到
包装
器
中
的
情况下这样做?
浏览 1
提问于2016-12-06
得票数 2
2
回答
垂直对
中
:网格和flex方法有什么区别?
css
、
flexbox
、
vertical-alignment
、
css-grid
、
centering
通过引入flex,有两种方法对
内容
进行垂直中心化。center;另一个是: display: grid;} 从视觉上看,两者看起来是一样
的
。两者之间
的
实际区别是什么?
浏览 2
提问于2019-04-14
得票数 0
回答已采纳
1
回答
如何
在列
布局
中
包装
(并在需要时收缩)
javascript
、
css
、
angularjs
、
responsive-design
、
angular-material
最近,我遇到了一个问题,我试图创建三个列
布局
,其中列将被动态数量
的
div(方框)填充(大约5-15个),每个列都根据其
内容
有自己
的
高度。( 1)列内躺。3)当/if
布局
达到三列状态并需要再次
包装
时-收缩所有列/div以保持适合,而不破坏
布局
。稀释下面的图片试图解决玩角材料‘
布局
包装
’和‘
布局
=’列‘,但它将拒
浏览 4
提问于2016-01-27
得票数 0
2
回答
如何
根据屏幕大小调整网页大小?
css
这是我
的
网页
的
CSS代码,我想根据屏幕尺寸和分辨率调整这个页面的大小。不同
的
div类用于设置div容器
的
样式。column1在左边是固定
的
div,而column2是可滚动
的
div,它包含需要根据屏幕大小调整大小
的
更多div。
浏览 1
提问于2021-01-08
得票数 0
1
回答
Bootstrap 4和断点
flexbox
、
bootstrap-4
我打算在photoshop
中
创建一个UI,用来渲染一个全宽
的
网站。我以前从来没有使用过
flexbox
,在使用它之前我也从来没有创建过一个全宽
的
站点。我想知道我是简单地坚持默认
的
引导断点,还是需要做一些完全不同
的
事情。
浏览 5
提问于2018-09-28
得票数 0
1
回答
是否可以强制在Wrap小部件
中
对特定
的
子部件进行对齐?
flutter
、
flutter-layout
我正在尝试创建一个由两个子小部件组成
的
行组成
的
布局
,第一个小部件对左对齐,第二个子小部件对右对齐,如果容器太窄,也会
包装
小部件。在带有
flexbox
的
css
中
,这可以通过
flexbox
:1或边距-左侧:auto右侧小部件来实现,如这个所示(调整页面宽度以查看我想要实现
的
布局
)。到目前为止,我已经尝试过: 将正确
的
小部件
包装
在Flexible小部件
中
,使其在<e
浏览 1
提问于2019-03-10
得票数 6
1
回答
firefox v.37嵌套正方形flexboxes
css
、
firefox
、
flexbox
我做了一个
flexbox
布局
,在主
布局
的
flexbox
中
嵌套了一些正方形
的
flexbox
。它在Chrome和IE上运行良好,但Firefox v37.02不会显示它们
的
正方形或根本不显示它们。我希望容器本身是主
布局
的
flexboxes,这样我就可以用media-queries重新排列它们,并将
内容
flexboxes
包装
在可用
的
空间中。margin
浏览 3
提问于2015-05-11
得票数 1
3
回答
Flexbox
向右浮动
css
、
react-native
、
flexbox
我正在寻找一个常见用例
的
Flexbox
布局
最佳实践
的
解决方案。在本例
中
,我希望使用
Flexbox
使分数数字向右浮动。我想使用:right: 0;justifyContent: space-between; 来制作预期
的</
浏览 0
提问于2016-04-13
得票数 40
回答已采纳
3
回答
如果没有空格,则右对齐视图。
android
、
android-layout
、
android-constraintlayout
、
android-flexboxlayout
我有两个视图
的
布局
- TextView和按钮。TextView对齐/锚定在左侧,按钮位于右侧。 android:layout_width="
浏览 0
提问于2018-11-27
得票数 3
1
回答
使两个相邻元素
的
行为类似于单个元素
html
、
css
、
layout
、
flexbox
在
flexbox
布局
中
,有没有可能让两个相邻
的
元素表现得像一个元素一样?假设这是我
的
标记: <div>Flower</div> <div>Bee</div>这是我在桌面上想要
的
: | |
浏览 1
提问于2017-11-20
得票数 2
1
回答
找到在此
布局
中正确实现<main>标记
的
方法
html
、
css
、
flexbox
、
semantic-markup
我正在为一个项目部署HTML,正如您在连接
的
图片上所看到
的
,我有一个关于正确实现<main>标记
的
问题。 我
的
布局
在侧边栏和
内容
上方有一个
内容
标题,这阻止了我将侧边栏保留在main标记之外。我试着将侧边栏代码放在HTML结构
的
内容
下面,并将其显示在图片中,并使用
flexbox
反向行显示,但是一旦我在<main>语义标签
中
包装
了我想要
的
<em
浏览 2
提问于2019-08-05
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何识别PDF文档中的内容
如何提取PDF文件中的图片内容?
本月 Firefox 65 将加入 Flexbox Inspector 开发者工具
本月 Firefox 65 将加入 Flexbox Inspector 开发者工具
基于 Flexbox和CSS Grid 的高效布局
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券