腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
3
回答
Flexbox
vs Twitter Bootstrap (或类似框架)
html
、
css
、
twitter-bootstrap
、
flexbox
我最近发现了
Flexbox
,当时我正在寻找一种解决方案来使div
具有
相同
的
高度,这取决于最高
的
那个。我读过CSS-tricks.com上
的
,它让我相信
flexbox
是一个学习和使用起来非常强大
的
模块。然而,这也让我想到了一个事实,Twitter Bootstrap (和类似的框架)提供了与他们
的
网格
系统相同
的
功能(当然还有很多额外
的
)。 现在,问题是:
flexbox
的</e
浏览 0
提问于2014-12-22
得票数 161
2
回答
flexbox
和
网格
系统有什么不同?
css
、
flexbox
、
grid
、
css-grid
flexbox
和
网格
系统之间有什么不同?我应该在什么情况下使用每个系统?
浏览 1
提问于2018-04-30
得票数 1
3
回答
Flexbox
覆盖
的
区域,这些区域很难或不可能用
网格
实现
css
、
flexbox
、
css-grid
它被广泛强调,
Flexbox
是用于1-D和Grid用于2-D,但我还没有找到一个明确
的
解释,为什么
网格
不能用于1-D和取代
Flexbox
。是 但是你也可以说,像这样
的
纯粹
的
一维布局在
Flexbox
中更强大,因为
Flexbox
允许我们更容易地移动这些元素(例如,将它们全部移动到一个或另一个侧面,改变它们
的
顺序,平均地将它们隔开等等)。我使用Grid和
Flexbox
进行基本布局:页面上
的
框
的<
浏览 1
提问于2019-03-08
得票数 7
回答已采纳
1
回答
具有
7列
的
Flexbox
网格
tailwind-css
、
flexboxgrid
我正在用顺风和
flexbox
创建一个
网格
。是否可以创建7柱轴网?我知道我可以使用宽度百分比,但这里
的
最佳实践是什么?
浏览 14
提问于2020-09-23
得票数 0
回答已采纳
1
回答
响应背景图像
的
按钮
css
、
image
、
button
、
background
、
responsive
现在我在Magento 2上工作,我遇到了一个问题,当我在google chrome中调整大小时,按钮
的
背景图像不会保持不变。 Coupon</a> </div> 当我使用移动设备进入时,我想要背景图像,并且按钮
的
大小会以一种响应式
的
方式进行调整,并且我希望它们留在相同
的
位置。
浏览 17
提问于2020-05-01
得票数 0
2
回答
引导-flex,引导-
网格
和引导-重新引导
的
区别
css
、
angular
、
bootstrap-4
、
twitter-bootstrap-4
、
ng-bootstrap
在最新版本
的
Bootstrap (提出问题时的当前版本是bootstrap@4.0.0-alpha.5)中,有3个不同
的
文件和一个标准
的
文件: 前3个文件是bootstrap.css (#4)
的
扩展名吗?我可以想象,bootstrap-flex使用CSS
Flexbox
的
特性,bootstrap-grid可能是已经存在
浏览 5
提问于2016-11-27
得票数 19
1
回答
为什么引导程序在打印视图中断开到新行?
css
、
bootstrap-4
col-sm-4" style="background-color:yellow;">33.33%</div> </div></html>在较大
的
屏幕上
浏览 3
提问于2021-12-01
得票数 0
3
回答
如何防止内容调整flex项目的大小?
html
、
css
、
charts
、
flexbox
我正在使用CSS
flexbox
来构建一个可伸缩
的
、响应式
的
网格
。当将Google图表应用于其中一个
flexbox
项目时,该项目的大小会发生如此微小
的
变化。这足以使
网格
失去对齐。将Google chart应用于项目6之前
的
Flexbox
网格
:将Google chart应用于第6项后
的
Flexbox
网格
:
Flexbox
<em
浏览 0
提问于2016-03-29
得票数 16
回答已采纳
5
回答
在CSS
网格
中,每行可以有不同数量
的
列吗?
css
、
css-grid
div> <div class="col"></div>这是否可以通过CSS /
Flexbox
将第二行
的
2列水平居中?也就是说,每行有不同
的
列数。 我被困在解决浏
浏览 14
提问于2017-12-03
得票数 33
回答已采纳
1
回答
CSS / Javascript:缩放或信使式视频播放器,
具有
动态高度和宽度
javascript
、
jquery
、
css
、
html5-video
在变焦会议或信使会议中,每个参与者
的
视频容器动态获取高度和宽度。考虑到下面的图片,假设蓝色框是主要
的
容器-如果只有一个参与者,我需要给他/她(视频播放器1)
的
全部宽度和高度。我
的
场景:假设我是一名老师。有10名学生报名参加我
的
课。当我开始视频会议,在学生
的
看法-我创建3x3
网格
。但是当有人参加那个会议时,我想根据主容器给他/她全部
的
宽度和高度,因为他/她是唯一
的
参与者。其他参与者
的
<em
浏览 2
提问于2020-06-22
得票数 2
1
回答
使用react、样式化组件等动态创建包含n行和n列
的
css
网格
/
flexbox
图片库
javascript
、
css
、
reactjs
、
flexbox
、
css-grid
我想试着重新创建一个图片库,它有n行,基于数组中图像
的
数量,而且每行
的
列/图像可以是单个大图像,两个小图像或3个甚至更小
的
图像。看起来他们正在使用
flexbox
和css
网格
,但我
的
大脑却在试图弄清楚这是如何做到
的
。它看起来几乎是随机生成
的
,列是1、2或3个图像宽度,但每次加载页面时都是相同
的
结果。我刚接触css
网格
和
flexbox
,所以很难弄清楚他们是如何根据图像
的
数量动
浏览 16
提问于2020-06-23
得票数 2
1
回答
@fluentui/react-northstar@0.49.0中
的
网格
响应问题
office-ui-fabric
、
fluent-ui
我们正在创建一个团队标签应用程序,并且按照微软
的
建议,我们使用@fluentui/react-northstar@0.49.0作为UI控件。但在Grid或pther布局中没有提供响应性
的
选项,无法使控件根据屏幕尺寸(如不同
的
屏幕尺寸,平板电脑和移动设备)进行调整。提前感谢您
的
回复。
浏览 1
提问于2020-06-12
得票数 0
1
回答
反作用自举
网格
中
的
等宽等高单元
reactjs
、
grid
、
flexbox
、
react-bootstrap
、
react-bootstrap-table
我正在努力使react-bootstrap
网格
中
的
react-bootstrap单元格
具有
自动等宽和高度相等
的
。这些单元格
的
内容大小将改变,整个
网格
的
宽度也会有所不同。其目标是使其响应和独立于单元格内容
的
大小。 此外,我正在考虑使用像
FlexBox
布局这样
的
现代布局来实现这一目标(如果存在的话)。我以前使用过
FlexBox
,我知道这可能是实现这种布局
的
最好方法。
浏览 4
提问于2016-10-14
得票数 0
回答已采纳
1
回答
使两个相邻元素
的
行为类似于单个元素
html
、
css
、
layout
、
flexbox
在
flexbox
布局中,有没有可能让两个相邻
的
元素表现得像一个元素一样?假设这是我
的
标记: <div>Flower</div> <div>Bee</div>这是我在桌面上想要
的
:| |
浏览 1
提问于2017-11-20
得票数 2
2
回答
固定宽度列
的
Flexbox
中
的
2x2
网格
html
、
css
、
flexbox
是否可以使用
Flexbox
创建此
网格
:A1 | B1A2 | B2A1和A2
具有
固定
的
宽度(50px),B1和B2填充剩余空间。
浏览 1
提问于2014-12-04
得票数 6
回答已采纳
1
回答
如何使
网格
元素
的
内容与相同
的
高度对齐
html
、
css
、
grid
我想知道是否有可能在
网格
项目中对齐内容,使它们
具有
相同
的
高度。 是否有可能使所有项目标题和项目文本占用
的
空间与最高
的
项目标题和项目文本相同?提前谢谢。 这里是沙箱:
浏览 0
提问于2020-11-28
得票数 0
2
回答
图像与带有背景
的
Div -图像
css
、
twitter-bootstrap
、
layout
、
flexbox
我正在尝试使用bootstrap和flex来构建一些花哨
的
项目
网格
。因此,通过保持1:1
的
比例,项目图像必须始终延伸到可用空间
的
100%宽度。 我通过使用css背景图片让它正常工作。
浏览 0
提问于2015-08-26
得票数 0
1
回答
CSS
网格
自动调整每行
的
宽度
css
、
flexbox
、
css-grid
我有一些小盒子要放置,我有一些像这样
的
盒子行:3个盒子,然后第二行2个盒子,等等… 但是,当我调整浏览器
的
大小时:所以,我知道
flexbox
并不是真的要做那样<em
浏览 14
提问于2018-09-04
得票数 0
3
回答
响应式导航按钮
html
、
button
、
responsive-design
我已经使用按钮为我
的
网站创建了一个导航区。它看起来很好,但当我最小化窗口时,按钮堆叠在一起并开始重叠。有没有什么方法可以让它们更有响应性,这样当窗口缩小时,它们可能会显示在彼此
的
下面?感谢您
的
任何建议:) <a href="index.html" class ="button">Home
浏览 4
提问于2018-05-14
得票数 0
1
回答
响应式网页设计栏目出现在下面
html
、
css
、
responsive-design
、
grid
、
css-grid
所以我一直在尝试制作一个响应式
的
网页,结果应该是这样
的
。 ? 当我试图在配置文件后添加第二列时,由于某种原因,它出现在它
的
下方,而不是像这样。 ? 不管我学到了什么,下面都会出现这个框。我只能猜测,这里
的
边框会影响列,即使我调整了浏览器
的
大小,使其无法适应,但实际上它看起来并不像这样。这是我在CSS文件中所做
的
: /* rows and column */ content: ””; display: t
浏览 61
提问于2021-11-09
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS Grid 布局完全指南
体验 CSS Grid 布局
基于 Flexbox和CSS Grid 的高效布局
前端自适应布局你需要知道的所有事
给萌新的 Flexbox 简易入门教程
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券