腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(503)
视频
沙龙
3
回答
React
Native
Flex
框
,
如何
使
中间
视图
占用
所有
可用
空间
,
给定
开始
项
和
结束
项
具有
固定
宽度
react-native
我正在阅读
React
Native
中的
Flex
布局,但我仍然无法让
中间
(白
框
)使用任何
可用
的剩余(没有
固定
的
宽度
,因为不同的设备将
具有
不同的
宽度
)。也在努力让绿色的盒子总是走到尽头。我该
如何
布局它呢?
浏览 45
提问于2021-01-23
得票数 0
2
回答
css网格可变列
宽度
和
包装
css
、
css-grid
我认为这是一个简单的任务:
给定
x
项
,在网格中显示它们,每一列都是内容的
宽度
。如果列数超过容器的
宽度
,则创建新行并继续 我已经设法让列显示
和
包装,但前提是我为该列定义了
固定
宽度
。当标签的数量超过
可用
的
视图
空间
时,我
如何
使
每行上的每个“标签”与内容相匹配,但移动到一个新的行?grid-template-columns: repeat(auto-fill,minmax(20px,max-
浏览 0
提问于2018-08-10
得票数 5
2
回答
为什么
flex
填充不能在引导中创建相同的
宽度
?
twitter-bootstrap
、
css
、
flexbox
根据关于.
flex
-fill类 stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
浏览 4
提问于2018-08-09
得票数 29
回答已采纳
6
回答
为什么反应本地人没有提供一个正当的自我
javascript
、
reactjs
、
react-native
我想在主轴上对齐一个项目。例如,我希望有一个行,其中几个子行都是左对齐,然后一个子行在右边对齐。然而,这样的justifySelf似乎并不存在。为什么会这样呢?
浏览 1
提问于2018-06-13
得票数 63
回答已采纳
5
回答
为什么适配对象在柔性盒中不起作用?
html
、
css
、
flexbox
我有几个列,我使用
flex
给出了相同的
宽度
。每个标签都包含img标记,我希望这些图像显示object-fit: cover大小。 display:
flex
; width: 100%;.test { margin-right
浏览 4
提问于2016-05-10
得票数 31
回答已采纳
4
回答
如何
在计算中加入弹性盒?
html
、
css
、
flexbox
第一行在
flex
1是两个
项
,在
flex
2是一个
项
。 但是,当计算中包含填充时,
和
是不正确的,如下面的示例所示。问题.Row{} display:
flex
;
flex<
浏览 4
提问于2016-06-13
得票数 94
回答已采纳
5
回答
带有
flex
1的ScrollView使其不可滚动。
flexbox
、
react-native
、
react-native-scrollview
我试图在ScrollView上运行
flex
,只要ScrollView有
flex
: 1,滚动条就不能运行。下面是世博小提琴(您可以运行这段代码并使用它) 请注意,如果将
flex
: 1从ScrollView中删除,它确实允许滚动,但随后就失去了弹性功能(让红色容器向下推上上部
框
( ScrollView)的能力),所以我必须在那里有一个
flex
。为什么ScrollView在有
flex
: 1时不能正常工作?谢谢!
浏览 2
提问于2017-10-18
得票数 37
回答已采纳
2
回答
Android:用
视图
内联地重复溢出菜单
android
、
contextmenu
我有一个任务列表,我想重复一个菜单内联在界面下面的每一
项
列表,不是弹出或上下文菜单。我寻找菜单而不是LinearLayout的原因是为了方便地使用"showAsAction“
和
"ifRoom”。我尝试过的是:我已经创建了一个layout/myspecialmenu.xml,我使用addView将它作为每个项目之后的
视图
来包含!显然没有成功!
浏览 5
提问于2015-09-09
得票数 0
回答已采纳
10
回答
使
视图
的80%的父
视图
宽度
为“反应本地”
javascript
、
css
、
reactjs
、
react-native
我正在创建一个在Reactinative中的表单,并希望
使
我的TextInput的屏幕
宽度
达到80%。对于HTML
和
普通CSS,这将是非常简单的: display: block; margin: auto;但是,本机不支持display属性、百分比
宽度
或自动边距。
浏览 14
提问于2015-11-26
得票数 131
回答已采纳
2
回答
并排堆叠html元素
javascript
、
html
、
css
、
dom
、
layout
我想把我的4个HTML元素并排放在一起,总
宽度
为100%。
浏览 0
提问于2017-11-21
得票数 0
6
回答
flex
本机样式表:{
flex
:1}做什么?
flexbox
、
react-native
在我看到的
所有
例子中,他们都会这样做: container: { flexDirection: 'row'}); 我对
flex
: 1部分很好奇。根据Coyier在这里的定义-- ,
flex
: 1应该与
flex
-grow: 1相同,但在我看来,
flex
: 1在ReactiNative中相当于CSS中的display:
flex
。下面是一个C
浏览 7
提问于2015-09-18
得票数 73
回答已采纳
1
回答
最优柔性盒布局算法
algorithm
、
optimization
、
layout
虽然这些标准指定了模型的行为方式,但它们没有给出应该
如何
实现它们的任何细节。 盒子可以包含其他的盒子。如果子
框
不灵活,则按
宽度
和
高度参数中指定的大小绘制。如果它是灵活的,那么它将被调整大小以适应父容器中
可用
的
空间
。例如,如果列表中有十
项
,而最后一
项
具有
约束,则算法计算前九
项
的大小,然后当到达第十
项
时,需要重做<
浏览 1
提问于2011-08-02
得票数 5
回答已采纳
15
回答
未加载任何url的本机Webview ( web本机web
视图
不工作)
react-native
我试图在我的应用程序中实现本机webview组件,但是web
视图
并没有加载任何url --它只是显示白色页面。var
React
= require('
react
-
native
'); View, StyleSheet,} =
React
; render: function(){ <View style={s
浏览 23
提问于2016-02-17
得票数 52
回答已采纳
2
回答
使用
flex
,一个元素集中对齐,另一个元素在
中间
和
右边之间间隔。
html
、
css
、
flexbox
下面的代码
使
我更加接近,但是当窗口调整大小时,它没有完全对齐,并且丢失了它。 .header { height: 50px; justify-content: center; .title
浏览 3
提问于2020-01-31
得票数 1
回答已采纳
4
回答
全
宽度
材料-用户界面网格不能正常工作
css
、
reactjs
、
material-design
、
material-ui
</Grid> </Container>有人能告诉我一个工作示例片段,它允许我有两个元素的全部
宽度
吗
浏览 0
提问于2018-04-12
得票数 36
回答已采纳
2
回答
FlatList组件生命周期方法ScrollToIndex ScrollToEnd等
react-native
、
react-native-flatlist
我有一个数组,比方说100
项
,我不想在第一
项
开始
渲染,而是在
开始
。比方说在第50条。wait.then( () => { });这个片段
使
scrollToIndex但是,当我使用由3x3网格组成的
视图
的FlatList时,我就不能让它运行。例如,提供的数据数组
具有
所有
的100个
项
。当我让我
浏览 5
提问于2017-05-08
得票数 6
回答已采纳
10
回答
flex
: 1是什么意思?
css
、
flexbox
众所周知,
flex
属性是
flex
-grow、
flex
-shrink
和
flex
-basis属性的缩写。它的默认值是0 1 auto,这意味着
flex
-shrink: 1;但我注意到,在许多地方都使用
flex
: 1。
浏览 24
提问于2016-05-23
得票数 225
回答已采纳
2
回答
Twitter的引导带,左/右栏边不均匀
html
、
css
、
twitter-bootstrap
我试图制作两个列,每个列都有一个图像,虽然这两个图像大小完全相同,但我注意到它们的左右边距不均匀,左边的边距略大一些,我
如何
解决这个问题?
浏览 3
提问于2018-06-16
得票数 0
回答已采纳
2
回答
克服FireFox/IE垂直滚动条呈现差异
html
、
css
、
internet-explorer
、
firefox
、
flexbox
这会导致在FF中,当项目接近列表中最长的
项
(这反过来又会驱动DIV的
宽度
)时,会导致不必要的项目包装。这个特殊的项目是不寻常的,因为它包含两条信息,其目的是
使
第二部分(“数据X特殊信息”)正确地对齐,
使
之看起来像两列。 机械地,在呈现一个
具有
垂直滚动条的列表方面,它在IE11
和
FF中都是正确的。但是,当FF呈现列表,并
使
框
的
宽度
与最长的
项
相匹配时,然后在列表中插入垂直滚动条,则会重新填充列表内容,并在列表中最长项的长
浏览 0
提问于2017-06-23
得票数 3
1
回答
Android:自定义对话
框
的大小不精确
java
、
android
、
dialog
、
android-linearlayout
我正试图为我的应用程序创建一个自定义对话
框
视图
。在运行程序时,结果与我所期望的大不相同。<?xml version="1.0" encoding="utf-8"?是否有一种方法可以用布局填充对话
框
的全部大小? (当然,以后我还可以进一步定制。)
浏览 4
提问于2020-04-15
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
WEB开发技术基础知识整理——CSS
IT兄弟连 HTML5教程 CSS3属性特效 弹性盒模型
Web自适应布局你需要知道的所有事儿
前端自适应布局你需要知道的所有事
HTML5+CSS制作Grid网格布局入门及源码
活动推荐
运营活动
广告
关闭
领券