腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(8832)
视频
沙龙
1
回答
仅
使用
flexbox
CSS
将
flex
项
像
网格
一样
对齐
css
、
flexbox
我正在尝试在
flexbox
中左
对齐
项目,如下所示。然而,我不能让它们
像
网格
显示那样
对齐
,我尝试了所有的
flexbox
属性,但只能
使用
网格
才能使其工作,但我不能在这里
使用
网格
。 ? 下面是我的代码:
CSS
.container { align-items: center; justify-content: space-be
浏览 14
提问于2020-10-19
得票数 2
回答已采纳
3
回答
如何防止内容调整
flex
项目的大小?
html
、
css
、
charts
、
flexbox
我正在
使用
CSS
flexbox
来构建一个可伸缩的、响应式的
网格
。当
将
Google图表应用于其中一个
flexbox
项目时,该项目的大小会发生如此微小的变化。这足以使
网格
失去
对齐
。
将
Google chart应用于项目6之前的
Flexbox
网格
:
将
Google chart应用于第6
项
后的
Flexbox
网格
:<
浏览 0
提问于2016-03-29
得票数 16
回答已采纳
1
回答
为什么是弯曲端和弯曲-开始顶部和底部与弯曲方向:行
html
、
css
、
flexbox
、
alignment
html, body { width: 100%; }
flex
-direction: row; display:
flex
;align-items: center; align-self:
flex
-end; align-self:
flex
-start;} <div class="
flexbox
" *ngFor="
浏览 2
提问于2019-07-23
得票数 0
回答已采纳
7
回答
如何在多行
flexbox
中左
对齐
最后一行/行
css
、
row
、
flexbox
我对
flexbox
布局有一个主要的问题。我用一个装满图片的盒子构建了一个容器,我决定
使用
flexbox
布局来
对齐
内容,使其看起来
像
一个
网格
。<div class="item"></div> 和
CSS
: display:
flex
; display: -webkit-
flex
;-moz-justify-c
浏览 4
提问于2013-05-05
得票数 88
3
回答
Flexbox
覆盖的区域,这些区域很难或不可能用
网格
实现
css
、
flexbox
、
css-grid
它被广泛强调,
Flexbox
是用于1-D和Grid用于2-D,但我还没有找到一个明确的解释,为什么
网格
不能用于1-D和取代
Flexbox
。是 但是你也可以说,
像
这样的纯粹的一维布局在
Flexbox
中更强大,因为
Flexbox
允许我们更容易地移动这些元素(例如,将它们全部移动到一个或另一个侧面,改变它们的顺序,平均地将它们隔开等等)。我
使用
Grid和
Flexbox
进行基本布局:页面上的框的一般布局和一些动态的,通常是堆叠的。美感的(烤面包机,调制解调器
浏览 1
提问于2019-03-08
得票数 7
回答已采纳
2
回答
用柔性框文本
对齐
重新生成
网格
css
、
flexbox
、
tailwind-css
我正在尝试用
flexbox
重新创建这个
网格
--它非常接近,但我在文本
对齐
方面遇到了问题,我如何使柔性盒文本与
网格
文本
对齐
?“<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcs
浏览 5
提问于2022-02-12
得票数 -1
3
回答
如何进行响应式列换行?
css
、
responsive-design
我尝试
使用
CSS
Grid和
Flexbox
,但无法实现我想做的事情。有什么想法吗? 此处不允许
使用
Table标记:(
CSS
网格
最好..但可惜的是...
浏览 1
提问于2018-10-02
得票数 0
7
回答
带有
flexbox
的左
对齐
和居中
网格
css
、
flexbox
我想用
flexbox
实现一个响应式的
网格
布局(没有媒体查询)。
网格
中可以有可变数量的元素。每一
项
都应该有固定且相等的宽度。项目应左
对齐
。整个组的左右边距应该相等。它应该是这样的:这是我尝试实现它的方法:.container {
flex
-wrap: wrap; <div class=
浏览 0
提问于2015-09-15
得票数 19
1
回答
如果
使用
react-semantic-ui
reactjs
、
layout
、
flexbox
、
semantic-ui-react
现在,我应该
使用
什么来绘制它,Grid还是
Flexbox
?我应该避免
使用
Grid吗?它是否会减慢渲染速度或降低性能?或者我应该在最多的地方
使用
flexbox
?还是应该一直
使用
Grid或
flexbox
?
浏览 1
提问于2018-11-11
得票数 4
2
回答
如何
使用
灵活的布局在Windows 8 [HTML5/JS/
CSS
3]上居中放置元素
css
、
windows-8
、
winjs
我知道有新的
CSS
3可以通过
使用
灵活的盒子来应用这一功能,但是我无法重新创建它。
浏览 4
提问于2012-12-01
得票数 0
回答已采纳
2
回答
你能做一个嵌套式的挠曲箱吗?
html
、
css
、
flexbox
-------------------------------------------------------- display:
flex
;}
flex
: 1 1 auto;
flex
-directi
浏览 1
提问于2018-05-13
得票数 3
回答已采纳
2
回答
在
flex
容器的整个宽度内
对齐
内部
Flexbox
项目
html
、
css
、
flexbox
我有一个用于标题导航的
Flexbox
,徽标是左
对齐
的,ul
项
是右
对齐
的,就像传统样式
一样
。徽标和导航链接都是全宽
Flexbox
中的
flex
项
,我给了他们两个
flex
: 50%。导航链接部分也是一个
Flexbox
(一个内部的
Flexbox
),以防止菜单堆叠,而不是以更好的响应方式表现。当我
将
justify-content应用于内部
Flexbox
时,链接没有变化,就
浏览 31
提问于2019-05-02
得票数 0
回答已采纳
3
回答
如何让页脚停留在页面引导的底部4
html
、
css
、
bootstrap-4
我希望它
像
这个页面底部的页脚。到目前为止,这是我的页脚代码,我一直在
使用
bootstrap 4,但我找不到一个类来帮助我实现我想要的东西。
浏览 0
提问于2018-07-04
得票数 3
回答已采纳
2
回答
我如何
将
一个角度的材料按钮放在一个特定的位置?
html
、
css
、
angular
、
user-interface
、
angular-material
</mat-grid-tile>.
css
文件: display: table-cell; color: rgb
浏览 8
提问于2022-02-08
得票数 0
回答已采纳
2
回答
引导-
flex
,引导-
网格
和引导-重新引导的区别
css
、
angular
、
bootstrap-4
、
twitter-bootstrap-4
、
ng-bootstrap
在最新版本的Bootstrap (提出问题时的当前版本是bootstrap@4.0.0-alpha.5)中,有3个不同的文件和一个标准的文件: 前3个文件是bootstrap.
css
(#4)的扩展名吗?我可以想象,bootstrap-
flex
使用
CSS
Flexb
浏览 5
提问于2016-11-27
得票数 19
2
回答
为什么我需要应用
flexbox
两次才能让它工作?
html
、
css
、
flexbox
然后,所有这些元素都包装在一个名为cards的div标记中 在添加元素上的锚标签之前,我只在
CSS
文件中的cards类上
使用
flexbox
将
所有卡片居中。现在,在
将
每张卡片包装在单独的锚标签中之后,我对该div中的所有锚元素应用了与cards类中相同的
flexbox
格式。到目前为止一切都很好。但是当我删除cards类中的
flexbox
格式时,它将所有的卡片都变成了块元素,即使是作为锚定标签的卡片的父类,也具有相同的
flexbox
格式。那么为什么会发生这
浏览 22
提问于2020-07-27
得票数 3
回答已采纳
1
回答
将
导航中的图片/Unicode字符与
Flexbox
中的文本
对齐
(html/
css
)
html
、
css
、
flexbox
、
vertical-alignment
、
nav
在过去的几天里,我一直在学习
flexbox
,但遇到了一个问题。在中,我有一个
使用
2个
flexbox
容器的nav。一个用于"LOGO“和"UL”行布局,另一个用于"UL“本身中的内部"LI”
项
。问题 当我只在"LI“
项
中
使用
文本时,徽标与导航中的第一
项
(在本例中为"HOME")垂直
对齐
,这很好。但是,当我
使用
unicode字符作为第一
项
时,例如☰或图
浏览 4
提问于2016-12-16
得票数 0
1
回答
在
CSS
网格
中不工作的
项
属性
css
、
css-grid
我试图
使用
CSS
网格
对齐
项目,这将是导航栏的一部分。我不知道为什么下面的代码不
对齐
navbar-items类中的
项
。} <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.1/
css
/all.min.
css
浏览 3
提问于2019-09-23
得票数 3
回答已采纳
1
回答
为什么
网格
项目的子标签的` `height: 100%`值‘工作’?
html
、
css
、
css-grid
由于
CSS
行: .grid-item > p { } The The The 标签与
网格
项目具有相同的高度。这很棒,因为这就是我想要的。我认为如果父元素/包含块的 没有显式指定(在这里,
网格
项目肯定有 )然后 (在子元素上)将不起作用(类似于
将
改为
使用
)。此外,我知道/认为如果父母绝对定位,
将
起作用(返回父级的实际值的百分比值 是)。 什么在制造 为
网格
项
的子项工作?
浏览 19
提问于2020-12-03
得票数 1
回答已采纳
2
回答
CSS
Flexbox
:带有左
对齐
元素的中心容器
html
、
css
、
flexbox
我有一个
flexbox
,里面有很多盒子。我
将
容器的最小宽度设置为3个框,最大宽度设置为4个框。它可以工作,但我希望最后一个元素左
对齐
,而不是浮动在中间。有没有办法让元素左
对齐
,只需将容器居中?容器的
CSS
代码如下,其中一个盒子的宽/高为100px: padding: 1em;
flex
-wrap: wrap; min-width编辑:我正在寻找的解决方案不像让最后一
项
与<
浏览 3
提问于2018-02-13
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给萌新的 Flexbox 简易入门教程
基于 Flexbox和CSS Grid 的高效布局
前端自适应布局你需要知道的所有事
Web自适应布局你需要知道的所有事儿
CSS-常见布局介绍
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券