腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(5916)
视频
沙龙
1
回答
多
列
列表可以有单独的弹性
列
吗?
html
、
css
、
flexbox
此列表使用3
列
布局
(在桌面浏览器宽度),其中单个元素可以增长以取代它们下面的项,而不会影响其他
列
。缺点是,这需要在标记中包含3个
列
容器。有没有可能用一个简单的列表得到同样的效果,而不是只有css的
列
容器? 我以前从未使用过
flexbox
,但我似乎无法在
列
之间
不
耦合行的情况下使项目
换行
。
浏览 0
提问于2013-07-22
得票数 1
回答已采纳
1
回答
Flexbox
列
布局
不
换行
css
、
flexbox
我是
flexbox
css的新手。border: 3px solid rgb(random(255),random(255),random(255)); } } 问题是,当单元格到达包装器div中可用空间的末尾时,我无法让它们
换行
浏览 10
提问于2021-09-27
得票数 1
回答已采纳
2
回答
用于响应的CSS3
Flexbox
html
、
css
、
flexbox
MAJ :添加codepen:<div class="
flexbox
"> <div class="left">Left</div> <div class="right">Right<
浏览 3
提问于2012-10-24
得票数 1
2
回答
是否可以让基于
列
的
flexbox
列表中的第一项为100%,而其他项则不是?
html
、
css
、
layout
、
flexbox
我
不
这么认为,但我想知道其他人是否有解决方案。这是我现在使用基于
列
的
flexbox
布局
得到的结果:但我真正想要的是:我的标记是一个带有LI的简单UL,我在ul上设置了
flexbox
和一个基于
列
的
布局
选项,并且我指定了高度,使其向右折行我将Bootstrap 4
flexbox
布局
用于单个li的
列
,可以想象,如果我将第一项指定为100%宽度,那么所有符合指定高度的直接li也将是100%。 有什么
浏览 2
提问于2016-10-16
得票数 0
1
回答
当内容太宽时,
Flexbox
不会
换行
css
、
flexbox
我有一个两
列
的
布局
,在这些
列
的父级上设置了
flexbox
和flex-wrap: wrap。但是,即使内容明显比
列
设置的宽度百分比宽,
列
也不会
换行
。当内容宽度超过百分比宽度时,如何让
列
换行
?
浏览 22
提问于2020-01-25
得票数 0
1
回答
CSS水平
换行
列
布局
html
、
css
、
cross-browser
我正在尝试实现一种输入字段显示在
列
中的
布局
。当
列
超过其容器的高度时,它必须水平
换行
。 我有,但
flexbox
(更具体地说是flex-wrap属性)是。如何才能更兼容地实现此
布局
?
浏览 2
提问于2013-07-12
得票数 0
1
回答
使用文本
换行
和弹性
换行
的Flex
布局
css
、
flexbox
每一项都是用
flexbox
制作的两
列
布局
。左
列
的宽度是固定的。右
列
包含任意文本,应占用所有可用空间。 当窗口变窄时,我仍然想要一个两
列
的
布局
。在这里,第二
列
应该变得更小,其中的文本应该
换行
。当窗口变得更窄时(第二
列
与第一
列
的大小大致相同),我希望第二
列
移动到第一
列
的下方。 我简单地给了第一
列
一个固定的宽度,并把flex-wrap: wrap放在容
浏览 26
提问于2021-05-01
得票数 0
回答已采纳
1
回答
Flexbox
列
和行
html
、
css
、
flexbox
我正尝试在我的网站上使用CSS3
flexbox
,但收效甚微。我的代码在上,它显示了我的代码当前的外观以及
flexbox
实现。
浏览 0
提问于2013-04-16
得票数 3
回答已采纳
1
回答
Flexbox
布局
,
换行
问题
html
、
css
、
flexbox
我正在尝试建立一个包含大小块的
布局
。如何才能做到这一点?
浏览 1
提问于2016-09-07
得票数 1
回答已采纳
2
回答
如何使用css3
flexbox
创建多栏
布局
而不进行垂直扩展?
google-chrome
、
css
、
webkit
、
flexbox
这是我的目标的草图:这是我尝试的jsFiddle:,这似乎很好用,除了每个.group将扩展其高度,而不是创建多个
列
。那么,我如何才能让我的
浏览 1
提问于2012-12-28
得票数 16
回答已采纳
1
回答
需要帮助创建一个包装均匀的Flex-box容器
html
、
css
、
design-patterns
、
layout
、
flexbox
正在尝试为食品菜单创建一个2
列
3行的
flexbox
容器。product元素(每行应为2个)在收缩时不会
换行
。我正在寻找一种使用
flexbox
创建包装
布局
的方法。此外,当
布局
缩小为移动大小时,使用媒体查询显示产品标题的最佳方式是什么?如何使用
flexbox
从名称中分隔出Price?
浏览 12
提问于2020-04-14
得票数 0
回答已采纳
9
回答
当
flexbox
项以
列
模式
换行
时,容器不会增加宽度
html
、
css
、
flexbox
我正在做一个嵌套的
flexbox
布局
,它的工作原理如下: 最外层(ul#main)是一个水平列表,当向其中添加更多项目时,该列表必须向右扩展。如果它变得太大,应该有一个水平滚动条。这个内部列表是垂直的,应该在需要的时候换成
列
。当
换行
到更多
列
时,其宽度应该增加,以便为更多项腾出空间。这个宽度的增加也应该应用于外部列表的包含项。所有主要浏览器的行为方式都与相同,这与我的
flexbox
设计嵌套无关。当项目
换行
时,即使是更简单的
flexbox
列</em
浏览 109
提问于2015-11-24
得票数 196
回答已采纳
0
回答
Flexbox
-带有“无
换行
”文本的流体
列
html
、
css
、
flexbox
、
nowrap
我正在尝试设置一个有三
列
的
flexbox
布局
。左
列
和右
列
具有固定的宽度。中间的
列
具有流畅的宽度以填充可用空间,但它包含一个长文本,不应
换行
,而应使用省略号。不幸的是,非
换行
文本不能让
列
占用可用空间,并将整个
布局
推到父元素的边界之外。
浏览 3
提问于2016-07-14
得票数 6
回答已采纳
1
回答
在柔性盒
布局
中对齐单元格行*和*
列
html
、
css
、
flexbox
是否有任何方法可以使用柔性盒对齐行中的单元格(如表中的和
列
)?当然,我可以添加一些flex: XXX,但问题是我不想修复列的宽度。
浏览 3
提问于2016-11-11
得票数 4
回答已采纳
0
回答
Flexbox
支持水平滚动
html
、
css
、
flexbox
我正在用
flexbox
布局
做一个购物中心网站,但是
flexbox
在某些地方会引起问题。
Flexbox
似乎可以在某些区域进行水平滚动,但我
不
希望这样。
浏览 13
提问于2017-06-09
得票数 0
3
回答
用CSS网格指定从右侧开始的
列
css
、
grid-layout
、
css-grid
我正在尝试将我的
Flexbox
布局
更改为新的display: grid,我有三
列
。class="two wide column"></div></div> 是否可以指定一些
列
从右边开始(
不
指定grid-column-start和grid-column-end__,这可
浏览 3
提问于2017-05-15
得票数 9
3
回答
特殊柔性箱
布局
css
、
flexbox
我试图完成以下
布局
:我的第一个想法是使用
flexbox
来实现这个
布局
。class"item">box3</div> <div class"item">box5</div>如何使用HTML实现所需的
布局
我还可以在以下项目之间添加
换行</em
浏览 0
提问于2019-08-13
得票数 3
回答已采纳
2
回答
flexbox
和网格系统有什么不同?
css
、
flexbox
、
grid
、
css-grid
flexbox
和网格系统之间有什么不同?我应该在什么情况下使用每个系统?
浏览 1
提问于2018-04-30
得票数 1
2
回答
Flexbox
(flex-direction: column):当一个子项的宽度固定时,包装的子项位置不正确
html
、
css
、
flexbox
我在flex-flow: column wrap中使用了
flexbox
布局
。我正在设置
flexbox
容器的高度。我想要实现的是让第一个子元素获取整个高度,这样下一个子元素就会换到下一
列
。在我的例子中,这些子节点是
换行
到下一
列
的,但是在它们的
列
和第一个子节点的
列
之间有一个巨大的空间。似乎我设置第一个子对象的宽度以某种方式影响了被包装的子对象的位置。 以下是我试图实现的目标: ?
浏览 23
提问于2019-03-09
得票数 3
回答已采纳
1
回答
如何在
列
布局
中包装(并在需要时收缩)
javascript
、
css
、
angularjs
、
responsive-design
、
angular-material
最近,我遇到了一个问题,我试图创建三个
列
布局
,其中
列
将被动态数量的div(方框)填充(大约5-15个),每个
列
都根据其内容有自己的高度。( 1)
列
内躺。2)当达到视口高度时,将下一
列
缠绕到下一
列
。(例如,如果#4稍微短一点,它不会换到第
浏览 4
提问于2016-01-27
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
前端自适应布局你需要知道的所有事
Web自适应布局你需要知道的所有事儿
基于 Flexbox和CSS Grid 的高效布局
给萌新的 Flexbox 简易入门教程
如何快速学习 CSS Grid 布局-相关资源和教程推荐
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券