腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
使用
flexbox
获得
这样
的
布局
?
html
、
layout
、
flexbox
我正在
使用
flexbox
练习我
的
布局
,并试图制作一个类似于附件
的
布局
。我好像就是搞不懂。任何帮助都将不胜感激。layout image
浏览 14
提问于2021-10-03
得票数 0
回答已采纳
3
回答
如何
在FF 34.x中
获得
FF 33.x
Flexbox
行为?
css
、
firefox
、
flexbox
我们大量
使用
flexbox
作为桌面应用程序,比如like应用程序,它一直运行得很好。但在最新
的
Firefox Developer Edition (35.0a2)中,
布局
并不像预期
的
那样运行(它超出了视区):但遗憾
的
是,我还不能想出在FF 34或35.x中
获得
FF 33.x行为
的
方法。 任何有关
布局
或
如
浏览 0
提问于2014-11-13
得票数 43
回答已采纳
2
回答
如何
使用
Flexbox
将第二个孩子包裹在第一个孩子
的
周围
css
、
flexbox
我们正试图
使用
Flexbox
获得
以下结果,但似乎无法在先生
的
右转线上
获得
如下结果 display: flex;</div>知道
如何
使用
Flexbox
布局
完成所需
的
结果吗?
浏览 4
提问于2020-04-09
得票数 1
回答已采纳
1
回答
Bootstrap 4和断点
flexbox
、
bootstrap-4
我打算在photoshop中创建一个UI,用来渲染一个全宽
的
网站。我以前从来没有
使用
过
flexbox
,在
使用
它之前我也从来没有创建过一个全宽
的
站点。我想知道我是简单地坚持默认
的
引导断点,还是需要做一些完全不同
的
事情。
浏览 5
提问于2018-09-28
得票数 0
1
回答
如果绑定正在更改,则
FlexBox
项growFactor不更新样式。
sapui5
下面是柱塞链接: <items>两个
FlexBox
项
的
FlexBox
绑定到在index.html中初始化
的
LayoutModel。我看
浏览 0
提问于2015-08-12
得票数 1
回答已采纳
1
回答
如何
使用
Flexbox
显示几个元素
的
右对齐和左对齐
reactjs
、
react-native
、
ecmascript-6
、
flexbox
、
react-native-flatlist
我有关于
FlexBox
的
想法,据我所知,我们可以显示元素
的
左/右/中心对齐。但是,我想像下面
这样
展示 _________________________________________________________Value2Image Text value1 Value2 ______________________________
如何
在平面列表
浏览 14
提问于2019-02-18
得票数 0
1
回答
具有固定居中
布局
的
页面,滚动条移动内容
的
位置
html
、
css
、
scrollbar
、
css-position
我有这个
布局
(简化版) <div id="header"></div> 我需要
的
页眉和页脚是固定
的
,同时保持内容可滚动。问题是所有3个都居中,如果我设置了#content {overflow-y: scroll;}并且滚动条出现,<div id="content">
的
整个内容会向左移动,并且与页眉和页脚不一致
浏览 0
提问于2013-06-22
得票数 0
2
回答
如何
根据屏幕大小调整网页大小?
css
这是我
的
网页
的
CSS代码,我想根据屏幕尺寸和分辨率调整这个页面的大小。不同
的
div类用于设置div容器
的
样式。column1在左边是固定
的
div,而column2是可滚动
的
div,它包含需要根据屏幕大小调整大小
的
更多div。
浏览 1
提问于2021-01-08
得票数 0
5
回答
如何
使用
柔性盒来实现复杂
的
、响应性好
的
HTML
布局
?
html
、
css
、
layout
、
responsive-design
、
flexbox
我已经查看了
Flexbox
,以实现如下所示
的
响应性
布局
。不幸
的
是,我还没有弄清楚
如何
实现像图1
这样
的
桌面
布局
,它将自己重新排列到小于414像素
的
视图上
的
图2。图1(桌面视图)图2(移动视图)点击这里获取 display: -webkit-box; display: -ms-
flexbo
浏览 0
提问于2016-02-23
得票数 14
回答已采纳
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
回答
不带嵌套div
的
Flex包装
html
、
css
、
flexbox
我正在尝试
使用
flexbox
制作一张没有嵌套div
的
水平卡片。例如,我现在拥有的是
这样
的
:.card { flex-wrap: wrap;} .card-img,但是当视区调整大小时,我希望水平
的
card变成垂直
的
(它已经
这样
做了)。但是,我想
使用
flex order对card-img、card-number和card-type进行重
浏览 1
提问于2017-07-12
得票数 2
1
回答
在Bootstrap 4中
使用
网格
布局
时Dompdf Laravel中
的
文本重叠
laravel
、
twitter-bootstrap
、
bootstrap-4
、
dompdf
我尝试在Dompdf上
使用
Bootstrap 4
的
网格
布局
,但是结果
的
文本重叠,使它无法读。最初我
使用
了offset-md-4,但它没有工作,我再次用col-md-2和col-md-8测试它,结果是文本不断堆积。 这是我
的
HTML代码: <div class="row mt-2">
浏览 5
提问于2022-01-07
得票数 1
回答已采纳
1
回答
使用
Flexbox
作为媒体查询
的
替代方案
css
、
responsive-design
、
flexbox
所以,我今天晚上和
Flexbox
玩了一把,并成功地重新创建了我相对复杂
的
响应式
布局
,只
使用
了
flexbox
项目,没有媒体查询。没有办法绕过媒体查询来制作生产版本(改变背景图像,字体大小等),但就
布局
而言,我有一个完全流畅
的
工作版本,代码要简单得多(参见下面的注释) 这就引出了我
的
问题:我应该
这样
做吗?注意:我
使用
了出品
的
优秀
的
SASS mixins来简化
flexbox</e
浏览 1
提问于2013-09-14
得票数 1
3
回答
如何
让``page break-inside:evoid`与``flex: wrap`很好地协同工作
google-chrome
、
flexbox
、
internet-explorer-11
、
page-break-inside
我正在尝试让page-break-inside: avoid在一个
使用
多行
flexbox
布局
(
使用
flex-wrap: wrap)
的
表单中工作。
这样
做
的
目的很简单,就是避免在打印时中断表单问题。这对于单行
的
flexbox
或者没有
flexbox
都能很好地工作。请参阅
的
打印预览(注意,未应用
flexbox
类) 但是,当
使用
多行弹性框时,它似乎忽略了page-break
浏览 3
提问于2013-12-06
得票数 20
1
回答
我在expo中
使用
了react-native-element库
javascript
、
react-native
、
ecmascript-6
、
expo
我正在
使用
带有react-native-element
的
世博会,我想在卡片组件中实现左侧和右侧
的
国家旗帜和它们之间
的
文本,但我找不到类似于图片
的
方式。
浏览 0
提问于2019-02-12
得票数 0
1
回答
特色区块内容
的
多图像组合
javascript
、
html
、
css
、
responsive-design
、
flexbox
我正在尝试为下面的XD
布局
创建可靠
的
标记和样式我为整个项目添加了bootstrap,但我不知道
如何
为这个
布局
编写标记和样式,并记住响应性!
浏览 1
提问于2020-02-14
得票数 0
1
回答
这个基于
Flexbox
的
布局
需要额外
的
标记吗?
css
、
flexbox
我现在进入
Flexbox
,试图看看
如何
从
使用
传统
的
CSS网格过渡。<div class="container-1
浏览 1
提问于2015-02-22
得票数 2
回答已采纳
5
回答
如何
在
使用
Flex
的
Components中响应本机?
css
、
reactjs
、
flexbox
、
react-native
我很难
使用
CSS在屏幕上集中我
的
组件。见我
的
App.jsimport React from 'react'; <Screen /> </Provider> export default A
浏览 5
提问于2018-04-22
得票数 18
回答已采纳
4
回答
使用
flexbox
获取pinterest或jQuery砖石
布局
php
、
css
、
flexbox
想知道是否有可能
获得
与pinterest或jQuery masonry相同类型
的
设计
布局
,只
使用
新
的
flexbox
布局
。据我所知是
这样
的
: display: -webkit-flex; -webkit-flex-flow: rowbackground: #ccc;.item:nth-child(3n+2) { background:
浏览 3
提问于2012-12-18
得票数 9
回答已采纳
1
回答
将
flexbox
容器缩小到内容大小
html
、
css
、
flexbox
如果
使用
Flexbox
布局
在一行中对某些项目进行
布局
,则
Flexbox
容器将占据其所在容器
的
全宽。
如何
将
Flexbox
容器设置为只占用其子元素
的
宽度?看一下下面的例子: 在本例中,
flexbox
容器
的
大小超出了子元素
的
宽度。解决这类问题
的
典型方法是display: inline,但显然这是行不通
的
,因为那样它就不再是
flexbox</e
浏览 3
提问于2017-07-12
得票数 11
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何使用Facebook获得更大的流量
基于 Flexbox和CSS Grid 的高效布局
卷尾巴:如何提升短视频的互动率?这样做可以获得更多的推荐!
如何快速学习 CSS Grid 布局-相关资源和教程推荐
给萌新的 Flexbox 简易入门教程
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券