腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
flexbox
:
在
左边
为
我
的
元素
创建
一个
空间
css
、
flexbox
我
想得到这个结果 ? 左侧
的
元素
已正确定位。 目前,
我
得到了这样
的
结论: ?
我
想在
左边
创建
一个
空间
。
我
可以使用适当
的
margin-left: 127px;,
我
的
问题就解决了,但我认为有
一个
最好
的
解决方案是使用
flexbox
?
浏览 16
提问于2021-07-25
得票数 0
回答已采纳
1
回答
布局
的
Ember.js和
flexbox
的
问题:"flex: 1“被忽略
css
、
ember.js
、
flexbox
我
正在将CSS/ HTML /JS设计从静态HTML设计转换为Ember应用程序。该设计对所有布局都使用了
flexbox
。 为了这篇文章,让我们假设
我
的
设计
在
flexbox
包装器中有3列。
左边
和右边是250px宽,中间被设置
为
"flex: 1“,这样它就会用完所有未使用
的
空间
。
左边
的
列也是
一个
flexbox
包装器,它
浏览 0
提问于2016-06-08
得票数 0
2
回答
我
可以把物品放在柔性盒里吗?
css
、
flexbox
我
需要
创建
以下结构:| [item][item][item] [item][item]|
我
知道
我
可以使用浮标,但它有几个缺点,包括麻烦
的
垂直对齐。
我
决定使用
flexbox
,因为它更方便、更灵活。另外,它
的
反应更友好。现在<
浏览 2
提问于2015-08-31
得票数 5
回答已采纳
1
回答
CSS
Flexbox
全高列
css
、
flexbox
我
试图使用
Flexbox
创建
一个
简单
的
两列网页,它占据了整个页面的宽度和高度。
左边
的
列是200px
的
固定宽度,而右边
的
列占用剩余
的
空间
。到目前为止,
我
已经: overflow-x: hidden;} min-height: 100%}
浏览 0
提问于2017-10-16
得票数 0
1
回答
如何在react中使用ref获取
元素
的
宽度
reactjs
我
试图得到
一个
元素
的
宽度,为了做到这一点,
我
使用以下. const { sidebarOpen } = useContext(AuthContext</div>} 当在dev tools页面大小中更改屏幕宽度时,它可以正常工作,但是当侧栏
的
值从“true”更改为“false”时(反之亦然)。它返回容器宽度
的
前
一个
值。有没有人知道
我
做错了什么
浏览 7
提问于2022-05-09
得票数 0
回答已采纳
1
回答
Material UI -
元素
在
FlexBox
中垂直居中
css
、
reactjs
、
flexbox
、
material-ui
在
我
的
react应用程序中,
我
创建
了
一个
具有最小宽度和高度的卡片,它只包含
一个
标题。
我
想添加
一个
flexbox
,它将占用justify-content="center"和align-items="center"
的
整个
左边
空间
,所以当我添加
一个
循环进度
元素
时,它将位于卡片
的
浏览 14
提问于2020-04-13
得票数 0
回答已采纳
1
回答
将
元素
定位到左下角,不覆盖任何内容。
html
、
css
、
css-position
我
在
父块中有两个
元素
,
我
想要
一个
在
左上角,另
一个
在
右下角,
我
还需要它们不相互重叠。
我
试过: 有办法吗?
浏览 1
提问于2017-03-01
得票数 0
1
回答
Flexbox
对齐-self不在
我
的
布局中工作。
css
、
flexbox
我
试图将#view-cntnr水平地放在.menubar内部。当我使用“对齐自我:中心”时,它似乎什么也不做。
我
做错了什么,有更好
的
方法吗?。
浏览 3
提问于2016-02-08
得票数 1
回答已采纳
1
回答
制作响应导航栏,内容位于左、中、右
javascript
、
html
、
css
我
正在尝试
创建
一个
导航栏,其内容位于导航栏
的
左、中和右。所有这些同时确保导航条仍然响应。当页面最小化时,下拉菜单就会弹出。此外,
我
被禁止使用鞋带(作业)。那么,
我
如何在不依赖其他CSS
的
情况下做到这一点呢?基本上
我
是如何
创建
它
的
?</div>所以我想要实现
的
是
在
导航栏最<e
浏览 2
提问于2019-07-17
得票数 0
1
回答
获取
flexbox
中
的
项目以填充已调整大小
的
元素
的
可用
空间
css
、
reactjs
、
flexbox
我
有下面的缩略图网格(指向其他页面的链接),
我
正在使用
flexbox
显示它们。正如你
在
左边
看到
的
,由于其中
一个
图像没有相同
的
纵横比,所以它不适合正确。
我
希望它填满整个可用
的
空间
(本质上是缩放,这样它就可以填充它并“裁剪”溢出
空间
)。容器css是这样
的
flex-direction: row; flex-wrap: wrap
浏览 3
提问于2021-07-11
得票数 0
1
回答
使用百分比值填充
flexbox
项
css
、
html
、
google-chrome
、
flexbox
我
使用Google Chrome中
的
flexboxes (只支持此浏览器)来
创建
动态布局。
我
在
一个
div
元素
中有n个子
元素
,它们应该以相同
的
比例共享整个
空间
。由于新引入
的
flex-boxes,这是没有问题
的
。但我还必须将每个内部div
的
高度设置
为
0。如果
我
想将这个div中
的
一个
元素</
浏览 2
提问于2011-12-26
得票数 9
回答已采纳
1
回答
Flexbox
header:将方框与行中
的
两个
元素
右对齐
css
、
flexbox
刚开始使用
Flexbox
。通过尝试
创建
一个
非常简单
的
简历网站来练习。
我
想把social-container放在picture-container
的
左边
。这两个都在profile-container中,同时给了name-container大部分
空间
(也就是profile-container会使用它需要
的
空间
,name-container会使用剩下
的
空间
)无论
浏览 8
提问于2017-01-25
得票数 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
0
回答
我们可以做什么来使
一个
flex项目可调整大小和
一个
绝对长度?
html
、
css
、
responsive-design
、
flexbox
我
想让
一个
元素
的
高度和宽度
为
40px,另
一个
元素
在
它旁边,它占用了父
元素
宽度
的
剩余
空间
。因此,调整大小后,第二个
元素
将缩小,而第
一个
元素
将保持不变。
我
的
想法是
为
它使用
flexbox
属性,但如果没有,
我
可以使用其他任何东西来...:)
浏览 4
提问于2016-12-19
得票数 0
回答已采纳
1
回答
ie10和flexboxes?(噩梦)
css
、
internet-explorer
、
internet-explorer-10
、
flexbox
不幸
的
是,
我
不得不使
我
的
网站代码与Internet Explorer 10兼容,即使
在
阅读了他们官方网站上
的
文档后,
我
也遇到了一些问题.uberflex { -webkit-justify-content: flex-start; display: -ms-
flexbox</e
浏览 2
提问于2013-09-10
得票数 13
回答已采纳
1
回答
Float: right属性
在
flexbox
中不起作用
html
、
css
、
flexbox
所以我
在
我
的
网页中使用了
一个
flexbox
,
我
有两个
元素
。
我
希望第
一个
元素
居中对齐,第二个
元素
向右对齐。
我
可以用
flexbox
属性将它们对齐到中心,但是
我
不能将第二个属性对齐到
左边
。下面是
我
的
代码: Html:<p> Hello </p&g
浏览 2
提问于2021-06-07
得票数 0
2
回答
当设置
为
“固定”位置时,左导航会缩小宽度。
html
、
css
、
twitter-bootstrap
、
css-position
、
flexbox
我
有
一个
主要
的
内容区域和侧边栏,
创建
与引导和
Flexbox
的
组合。
我
想用页面来修复滚动中
的
导航条,但是如果
我
应用position: fixed,它将不再填充它
的
水平
空间
.所选择
的
答案确实适用于代码页,但在实际站点中,只有当窗口较小时才能工作,就像iPad
的
肖像大小一样:
在
浏览 3
提问于2016-01-14
得票数 2
回答已采纳
2
回答
Flexbox
:居中
元素
,两边都有空格环绕
元素
css
、
flexbox
我
正在使用
flexbox
设置
一个
由7个不同宽度
的
<li>
元素
组成
的
菜单。
我
希望
我
的
中间(源码顺序中
的
第4个) <li>
元素
始终水平居中,作为一种锚点,1-3个<li>
元素
占据居中<li>左侧
的
空间
,5-7个
元素
占据右侧
的
空间
。
我
浏览 0
提问于2014-04-10
得票数 21
回答已采纳
1
回答
如何在
Flexbox
对齐
的
侧边栏上模拟“position:fixed”行为
html
、
css
、
layout
、
web-deployment
、
flexbox
正如已经回答
的
(),绝对/固定定位
的
框被从
Flexbox
对齐
元素
的
正常流中删除。但是,
我
如何至少模拟width: 300px; height: 100vw
元素
的
position: fixed行为呢?这是
一个
初始布局
的
演示(),
左边
是侧边栏,右边是内容块。
我
希望nav
的
行为像position: fixed
元素
一样跟随用户
的</em
浏览 1
提问于2015-07-30
得票数 18
回答已采纳
2
回答
我
正在使用
flexbox
来
创建
我
的
布局,但是,
我
不能正确地将
元素
放在
我
的
最后一行。
我
可以用网格重新
创建
相同
的
布局吗?
html
、
css
、
flexbox
、
grid-layout
我
有
一个
没有固定宽度
的
弹性容器,里面有一群固定宽度
的
孩子。
我
把flex-wrap设置
为
wrap,justify-content设置
为
space-evenly。这对于大多数部件来说都很好,但是,
元素
在
最后一行中
的
位置并不是
我
希望它们
在
的
位置。
我
理解最后一行中
的
元素
是它们所在
的
位置,这是因为它们
浏览 0
提问于2020-02-25
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给萌新的 Flexbox 简易入门教程
CSS Grid 布局完全指南
基于 Flexbox和CSS Grid 的高效布局
本月 Firefox 65 将加入 Flexbox Inspector 开发者工具
本月 Firefox 65 将加入 Flexbox Inspector 开发者工具
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券