腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
使用
flexDirection
列
处理
flexbox
中
的
宽度
?
、
我想我有一个问题,应用css
的
flexbox
到一个按钮。让我给你举个例子: <div style={{display: "flex",
flexDirection
: "column"}}> <input /> <button>click here</button> </div> 我
如何
处理
浏览 4
提问于2020-10-24
得票数 0
1
回答
如何
配置卡,使所有的卡都是相同
的
宽度
,无论电影
的
标题是
如何
在反应本土?
、
、
、
、
我正在
使用
react本机,并正在做一个电影应用程序。只是有一个问题,
如何
制作它,使所有的卡片是相同
的
宽度
,无论电影
的
标题扩大多长时间。我尝试过添加溢出:“隐藏”属性,但这不会起到任何作用。我会给大家看一张这个问题
的
图片。如果你看顶级电影部分,西班牙电影
的
标题与其他片名相比是非常长
的
,这张卡片扩展得更远了。提前感谢!import React, { useState , useEffect} from "
浏览 4
提问于2020-05-08
得票数 0
回答已采纳
2
回答
反应余量-本地人不能正常工作
、
我正试着制作一个关于React
的
应用程序--本地人这就是我刚开始测试时所做
的
} MainScreenBox: {
flexDirection
: 5, }
浏览 0
提问于2018-11-16
得票数 1
2
回答
柔性盒布局
中
的
类型错配
、
我在我
的
项目中
使用
Google
FlexBox
。当我把它设置为回收视图时,我得到一个错误
的
类型匹配。
flexDirection
=
FlexDirection
.ROW } layoutManager =
flexBox
} 我
浏览 0
提问于2018-11-02
得票数 0
回答已采纳
1
回答
我有一个容器
的
挠曲包裹div相互重叠。这些可能是不同
的
高度和包装多次。
如何
避免重叠?
、
、
我需要第一个div将第二个div推到右边,等等,但是,div
的
宽度
在包装后保持不变,导致它重叠。{orderedColumns.map((column, index) => { <Column &
浏览 8
提问于2021-12-22
得票数 0
回答已采纳
2
回答
宽度
:'100%‘vs react本机
中
的
Dimension.get('window').width
、
我对原生和css样式作为一个整体
的
反应是新
的
,所以很抱歉,如果这个问题是非常基本
的
。我想要一个100%可用屏幕
宽度
的
视图,当我
使用
下面的代码时,我
的
视图似乎超出了屏幕边界,尽管当我
使用
Dimension.get('window').width时,它工作得很好。有人能解释一下它们之间
的
区别吗?任何帮助都将不胜感激。this.price} &
浏览 0
提问于2018-05-30
得票数 2
回答已采纳
2
回答
Flexbox
,其中一个框设置了flexBasis,而其他框填充了剩余
的
空间。
、
、
、
我想要实现
的
是:我希望有一行5个框,并且我希望能够
使用
flexBasis (flex-basis)设置一些特定
的
框(不是全部)
宽度
。下面,我已经将第一个框设置为
flexBox
: 'content'或
flexBox
: '150px' (故意
的
)大小。我正在寻找一种方法,使方框2,3,4,5都是相同
的
大小,并占用它
的
全部数量
的
父母。 padding:
浏览 6
提问于2017-02-24
得票数 0
1
回答
我在expo中
使用
了react-native-element库
、
、
、
我正在
使用
带有react-native-element
的
世博会,我想在卡片组件
中
实现左侧和右侧
的
国家旗帜和它们之间
的
文本,但我找不到类似于图片
的
方式。
浏览 0
提问于2019-02-12
得票数 0
1
回答
Flexbox
在chrome和firefox
中
的
不同行为
、
、
我正在尝试建立一个动态布局
的
网页
使用
Flexbox
和React。当flex方向从
列
切换到行,再切换到
列
时,flex项
的
宽度
在chrome
中
不会像预期
的
那样反映出来。(Reactjs版本)在上面的jsfiddle示例
中
,Flex容器
的
宽度
为400px,四个子flex项
的
宽度
为400px,从上到下排列。当伸缩方向更改为行时,
浏览 1
提问于2014-08-30
得票数 1
6
回答
backgroundColor在视图上不起作用
我正在尝试设置视图
的
背景色。View> } container:{
flexDirection
justifyContent: 'center', }问题是视图仍然是白色
的
。
如何
将视图
的</em
浏览 2
提问于2017-04-19
得票数 6
4
回答
如何
在
Flexbox
中
创建此布局?
、
、
、
我试着在
Flexbox
(和React Native)
中
创建这个布局,但是我不能让它工作。具体地说,无论我做什么,左右按钮都不会扩展到容器
宽度
的
50%。它们始终是其内容
的
大小。 <View style={{
浏览 4
提问于2018-03-28
得票数 5
1
回答
设置文本区域高度以占据屏幕
的
其余部分
、
构建一个Hello World应用程序,让我精通原生
的
react。在屏幕上,我希望有一个文本框,在它下面有一个按钮,在按钮下面有一个文本区域,它将占据屏幕
的
其余部分。我不知道我该怎么做。
浏览 2
提问于2019-04-23
得票数 3
2
回答
在同一行
中
响应本机-3组件,而不是垂直叠加。
、
、
在这个列表
中
,为我
的
数据库返回
的
每个条目都由3项组成:现在我要我
的
屏幕看起来像这样:我
的
代码是: <ListItem.Content
浏览 8
提问于2022-05-02
得票数 1
回答已采纳
3
回答
react本机
中
的
两
列
布局
、
我希望在react本机应用程序
中
的
两
列
中
显示多个元素。);} const style = { flex: 1,
flexDirection
backgroundColor: 'red', borderColor: 'black', marginBottom:
浏览 7
提问于2017-04-07
得票数 5
回答已采纳
1
回答
css flex-box和react本机在flex
中
的
区别:1属性
、
、
我发现css
flexbox
flex属性,即flex:1不像react一样工作--本机flex:1。它在react原生网格系统
中
的
工作方式不同。需要帮助去理解 作为反应-本土
的
观点。
浏览 1
提问于2018-08-21
得票数 1
1
回答
在react本机
中
不自动对齐文本对齐
、
、
、
正如您在listview中所看到
的
,每个子描述都应该有一个长字符串,整个文本只是不断地向右移动,而不是与蓝色背景上
的
描述正确地对齐。我觉得奇怪
的
是,当它在listview
的
行上呈现时,它
的
工作方式不一样。 var data = this.props.data; var commentor = data.user_id;
浏览 2
提问于2016-06-21
得票数 1
回答已采纳
1
回答
当
使用
gap时,
如何
正确地将flex项目设置为50%?
、
、
因此,我似乎误解了关于柔性盒
的
一些东西,不能正确地解决这个问题。 我有一个柔性箱容器,它包含四个
列
,它们是柔性箱容器
的
直接子
列
。一旦浏览器窗口
宽度
达到992px和更低,我想要更改,这样..
flexbox
项就占用了容器
的
50%
的
宽度
。问题是:如果我没有在..
flexbox
容器上
使用
“gap”属性,但是一旦我输入了gap: 1em,那么百分比就不能正常工作了,因为我知道gap是被考虑在内
的</e
浏览 6
提问于2022-05-25
得票数 1
回答已采纳
3
回答
CSS
flexbox
最大
列
数?
、
、
当用户扩展他们
的
浏览器窗口时,我希望我
的
css flexboxes最多有3
列
。在我当前
的
代码
中
,它正确地向内伸缩,没有最小
列
数,但当向外扩展时,它总是会自动将所有的flexboxes向外扩展到一行
中
。html文件: <main class="twit-container&
浏览 5
提问于2017-04-29
得票数 23
2
回答
溢出限制子级
宽度
、
、
我有一个div元素,我设置它有一个特定
的
宽度
,比如600 to。在这个div
中
,我有一行元素,我希望每个元素
的
宽度
都大于该父div
的
宽度
。这些元素被封装在容器div
中
,以保存该行
的
元素:<div className="App"> <div style={{ display:
浏览 4
提问于2022-07-22
得票数 1
2
回答
React Material UI -竖直居中框
、
我在我
的
内容上
使用
了一个来自MUI
的
盒子包装器,我想让它垂直居中,这样在调整窗口大小时,它就会响应不同
的
分辨率。尝试
使用
所有的'Justify‘组合键,但没有帮助:<Box justifyContent='center' bgcolor='#404040
浏览 4
提问于2021-11-25
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给萌新的 Flexbox 简易入门教程
基于 Flexbox和CSS Grid 的高效布局
CSS中图解Grid布局详细教程
前端自适应布局你需要知道的所有事
ReactNative快速上手必知必会
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券