腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
react
中
的
flexbox
:不
调整
大小
javascript
、
reactjs
、
flexbox
我尝试使用
react
.js在屏幕上显示1/4屏幕
的
绿色块和3/4屏幕
的
黄色块。我有以下代码-但绿色块和黄色块具有相同
的
大小
。MyComp.js: import
React
from '
react
'; render() {
浏览 14
提问于2019-05-20
得票数 2
回答已采纳
1
回答
使用
flexbox
或bootstrap
的
Reactjs
twitter-bootstrap
、
mobile
、
reactjs
、
flexbox
、
react-native
我刚开始学习Reactjs,我
的
一个朋友强烈建议我放弃使用bootstrap,转而使用100%
的
Flexbox
。我已经研究过了,
Flexbox
看起来绝对值得学习,而且
React
Native似乎也为移动应用程序使用了
Flexbox
版本。我觉得虽然放弃bootstrap意味着我放弃了所有酷
的
多屏幕
大小
调整
的
好处,以及许多像导航栏、面板、按钮等东西,而使用
Flexbox
我将不得不定制构建所有这些东西。如
浏览 1
提问于2015-05-14
得票数 1
1
回答
HTML5
FlexBox
垂直拉伸,而不是水平拉伸
html
、
flexbox
我
的
弹性框是水平伸展
的
,而不是垂直伸展
的
。我正在查看代码,而工作水平甚至都不在其中,所以我甚至不确定它是如何做到这一点
的
。对于第2部分,框需要在悬停时垂直展开。因此,将方向更改为“垂直”,并在.
flexbox
、.
flexbox
> div、.
flexbox
> div:hover
中
调整
高度
的
大小
。图书示例
调整
宽度。如果存在溢出,请
浏览 8
提问于2017-08-27
得票数 0
2
回答
当浏览器宽度更改时
调整
flexbox
内容
的
大小
html
、
css
、
flexbox
我希望当我
调整
浏览器
大小
时,我
的
flexbox
中
的
内容可以改变
大小
(即文字和图像按比例缩小)。 <div id="text"> </div> <img src=&q
浏览 0
提问于2016-02-09
得票数 2
1
回答
消除反应
中
内联块元素之间
的
空间。
javascript
、
html
、
css
、
reactjs
在将此问题标记为副本之前,请阅读以下内容:<div>something</div><这将导致div之间没有空白,酷,但我不能这样做,因为
React
使用
的
是JSX而不是HTML。我读过不同
的
CSS解决方案,其中一些是: 设置带负值
的
页边距-左(当
浏览 1
提问于2019-05-09
得票数 1
回答已采纳
2
回答
填充-
flexbox
布局
中
的
底部/顶部
css
、
padding
、
flexbox
、
aspect-ratio
我有一个包含两个项目的
flexbox
布局。'> <div id='text'>Some text</div> 然而,在Firefox和Edge
中
,我得到了如下结果(它忽略了蓝色框上
的
填
浏览 80
提问于2014-05-18
得票数 77
回答已采纳
1
回答
flexbox
中
的
图像不能正确缩放
html
、
css
我把两个图像放在一个有列方向
的
flexbox
中
,当我
调整
浏览器窗口
的
大小
时,我想要
调整
图像
的
大小
。它们不会像我预期
的
那样改变。另外,图像会移出
flexbox
div,
浏览 10
提问于2018-08-13
得票数 0
回答已采纳
1
回答
CSS和
Flexbox
:让页脚粘起来
html
、
css
、
responsive-design
、
flexbox
工具: CSS和
Flexbox
问题:当你
调整
垂直尺寸时,我
的
脚不会继续种植这些days.It缩小和滑出页面。我曾经有一个不错
的
,页眉和页脚停留在他们
的
位置,因为你缩小了窗口垂直,而中间
的
内容让位。 生活是美好
的
--直到我把我
的
CSS翻译成
React
的
JSX风格,这迫使我在我
的
页脚周围增加了一个div。。=&q
浏览 1
提问于2015-10-07
得票数 1
回答已采纳
2
回答
如何在webpack.config.dev.js文件
中
添加
React
FlexBox
-Grid加载程序?
javascript
、
reactjs
、
webpack
、
create-react-app
、
react-flexbox-grid
postcss' 安装
的
React
FlexBox
-网格使用以下npm命令安装了以下依赖项它
的
接缝反应-
FlexBox
-网格不是由网络包加载器选择
的
。我在这里
的
问题是如何向现有的css加载程序配置
中
添加
React
FlexBox</em
浏览 0
提问于2016-12-21
得票数 0
回答已采纳
1
回答
调整
大小
时div
的
Flexbox
切换顺序
angular
、
flexbox
、
angular-flex-layout
我正在查看Angular
中
关于
Flexbox
的
demo,我注意到在
调整
大小
时,second-section会低于first-section。有没有什么方法可以让它放在first-section (
调整
大小
)
的
顶部,而不需要修改html? 谢谢。
浏览 48
提问于2020-12-28
得票数 1
回答已采纳
3
回答
如何防止内容
调整
flex项目的
大小
?
html
、
css
、
charts
、
flexbox
我正在使用CSS
flexbox
来构建一个可伸缩
的
、响应式
的
网格。当将Google图表应用于其中一个
flexbox
项目时,该项目的
大小
会发生如此微小
的
变化。这足以使网格失去对齐。将Google chart应用于项目6之前
的
Flexbox
网格:将Google chart应用于第6项后
的
Flexbox
网格:
Flexbox
网格
的
加载速度比Google图表快,因此网
浏览 0
提问于2016-03-29
得票数 16
回答已采纳
1
回答
调整
窗口
大小
时重置JQuery函数
javascript
、
jquery
、
html
、
css
我目前正在使用滑块在3列
中
显示内容。我基本上是使用(
flexbox
)来做这件事-我只想在移动视图上激活滑块,因此当用户将屏幕缩小(
调整
大小
)到移动视图时,
flexbox
3列变成了一个滑块,一次显示一张幻灯片。我遇到
的
问题是,当用户打开屏幕返回桌面视图时,幻灯片无法返回,它们似乎迷失在移动视图
的
滑块
中
。我想要
的
是让它等到用户将屏幕
大小
调整
到649,然后当它
调整
回651
大
浏览 0
提问于2018-06-14
得票数 0
1
回答
在添加另一个元素之前,图像可以在
flexbox
中
完美地
调整
大小
html
、
css
、
image
、
flexbox
、
resize
除了全屏图像之外,他们还可以有选择地显示有关该图像
的
一些信息(标题、描述、标签等) 我怎样才能防止这种情况呢?我基本上想要
的
底部div (信息div)有一个自动
大小
的
基础上,它
浏览 0
提问于2020-05-28
得票数 1
1
回答
从绝对到固定元件
的
柔性箱布局
css
、
reactjs
、
react-native
、
flexbox
当然,我不知道滚动条
的
大小
,因为它取决于每个导航器.否则我只会做right:17px;之类
的
事情。但是,由于布局是基于
flexbox
的
,所以我看不出如何避免使用这种方法,因为使用基本
flexbox
的
侧边栏在定义上是很粘稠
的
。因此,一个潜在
的
问题是:如何使用
flexbox
将元素插入柔性盒中?position:fixed显然
不
兼容,因为它破坏了流.另外,显而易见
的
步骤是避免使用
浏览 5
提问于2017-05-08
得票数 3
2
回答
使用移动版本
的
bootstrap推拉
javascript
、
html
、
twitter-bootstrap
、
css
当移动
大小
(Col)时,我想将div A移到页面底部。我曾试图解决这个问题,但我做不到。如果我不能使用推和拉函数,我可以使用CSS或JavaScript。
浏览 2
提问于2015-09-22
得票数 1
回答已采纳
1
回答
调整
FlexBox
容器
的
大小
css
、
jquery-ui
、
flexbox
我正在尝试使用
flexbox
模型来创建一个总是延伸到屏幕边界
的
多列布局。这就是我想要
的
效果。但是,我也希望能够水平
调整
一个或多个列
的
大小
。我尝试过使用jQuery UI来允许
调整
大小
,但不出所料,这并不是很有效 如下面的演示所示,当您开始
调整
列
的
大小
时,它会‘跳跃’大约100个像素。有没有人能为此提供解决方案,或者提供另一种动态
调整
flexbox
容器
大小<
浏览 2
提问于2013-04-11
得票数 7
回答已采纳
1
回答
使进度条响应
javascript
、
html
、
css
我有这些progress bars,它们应该作为评级工作,它们看起来很好: 我已经应用了一些CSS,并且我通过读取文本文件
中
的
值来使用JavaScript更改它们
的
宽度。但根本不响应,并且每当窗口
调整
大小
时: HTML<divwidth: 100%; .rig
浏览 2
提问于2018-05-29
得票数 1
1
回答
CSS:具有相对最大宽度
的
一列
的
高级行布局
css
我希望在CSS
中
实现以下效果,并且不需要使用固定数量
的
像素来指定宽度(我很难用语言描述,但如下所示):是否有一种方法可以使用标准
的
CS
浏览 2
提问于2021-02-14
得票数 0
回答已采纳
2
回答
Flexbox
,其中一个框设置了flexBasis,而其他框填充了剩余
的
空间。
javascript
、
reactjs
、
react-native
、
react-native-web
我想要实现
的
是:我希望有一行5个框,并且我希望能够使用flexBasis (flex-basis)设置一些特定
的
框(不是全部)宽度。下面,我已经将第一个框设置为
flexBox
: 'content'或
flexBox
: '150px' (故意
的
)
大小
。我正在寻找一种方法,使方框2,3,4,5都是相同
的
大小
,并占用它
的
全部数量
的
父母。
浏览 6
提问于2017-02-24
得票数 0
2
回答
在
调整
窗口
大小
时,在
React
Native Web
中
动态缩放样式
的
最好方法是什么?
javascript
、
css
、
react-native
、
react-native-web
我正在尝试创建一个响应式
的
反应原生网络应用程序,也支持iOS和安卓。我想在
调整
窗口
大小
时
调整
一些卡片
的
大小
。const width_proportion = (window.width * .20);它只是在样式表
中
设置一个静态值我必须在我<em
浏览 0
提问于2021-01-17
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CAD中图像大小怎么修改-CAD图形调整大小的操作方法
Ink 3:内置了全新的Hook、Suspense及React开发工具支持
基于 Flexbox和CSS Grid 的高效布局
6个常用的React组件库
Web前端开发技术学习-前端开发工程师不忘初心,分享CSS样式高能技巧,你会了吗?
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券