腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Flexbox
在
没有响应
的
情况下
对齐
内容
空间
html
、
css
、
reactjs
、
sass
、
flexbox
我
在
我
的
React网站上遇到了一个非常基本
的
CSS问题,我正在寻求一些帮助。我设置了一个非常简单
的
标题部分 HTML: <div className="nav"> <a hrefmargin-left: 10px }} flex似乎工作正常,但当我水平调整窗口大小时,cente
浏览 12
提问于2021-01-28
得票数 0
2
回答
Flexbox
对齐
-
内容
空间
css
、
reactjs
、
sass
、
flexbox
我正在使用flex box为我
的
产品列表做一个布局,但是当我尝试将justify-content设置为space时,它在4个项目之间
的
效果很好,但是对于较少
的
项目(2个或3个),它们之间
的
空间
会增长,那么我如何设置项目之间
的
空间
相同,而不管行中有多少项目?
浏览 25
提问于2020-08-20
得票数 0
回答已采纳
4
回答
自动中断跨距并保持
对齐
css
、
responsive-design
我有一个label和一个span
在
div中,其中span
的
内容
是动态
的
。标签应该总是
对齐
的
,如果行中
的
内容
没有足够
的
空间
,它应该自动中断到下一行,并保持
在
右边
对齐
。初始情况: 更改span
内容
后
的
: 它应该是什么样子: 操场: 有什么解决办法吗?我已经尝试过
在
flexbox
中这样做,它允许我
浏览 9
提问于2015-12-17
得票数 4
回答已采纳
3
回答
Flexbox
对齐
-
内容
:
空间
-周围不工作
html
、
css
、
flexbox
我试着有三个div,一个大一点和两个小一点,集中
在
页面上,它们之间有相等
的
空间
。我已经尝试过使用说明
内容
:
空间
-周围;对于包含前三个div
的
div,但是它不起作用。这是我
的
html:.flex-wrapper {} background-color: gray;background-color
浏览 3
提问于2021-08-09
得票数 1
回答已采纳
1
回答
如何在创建导航栏时避免右侧
的
额外
空间
,同时使用
flexbox
(正当-
内容
:间隔/周围)属性
html
、
css
、
flexbox
我有一件简单
的
事情.我正试图为我
的
页脚创建一个简单
的
导航。所以,我创建了一个,并在其中放置了一个。这个列表包含三个 他们每个人都有一个内部。我希望我
的
列表项目水平地放置
在
它们之间/周围。因此,我决定在这种
情况下
使用
flexbox
。问题是,当我将我
的
“待定”
内容
的
显示属性值设置为“使
内容
为中心”时,它可以预期地工作(也就是说,所有相互粘在一起
的
列表项目都是水平居中<em
浏览 1
提问于2019-10-14
得票数 2
1
回答
嵌套内联块单元div
html
、
css
、
angular
当我试图
在
div中设置元素时,父div向下移动: 守则:<div style="white-space: nowrap;"> <div *ngFor="let xUnit of xUnits
浏览 1
提问于2022-04-30
得票数 0
3
回答
最受支持
的
垂直
对齐
方法?
html
、
css
、
responsive-design
、
internet-explorer-8
直到最近,我一直
在
使用
Flexbox
垂直
对齐
元素,如下所示:display: -webkit-flex;-ms-flex-aligncenter;-webkit-box-align: center;然而,我已经开始致力于越来越多
的
项目,这些项目需要支持不支持
Flexbox
的
旧浏览器,例如In
浏览 2
提问于2017-01-09
得票数 1
1
回答
ie10和flexboxes?(噩梦)
css
、
internet-explorer
、
internet-explorer-10
、
flexbox
不幸
的
是,我不得不使我
的
网站代码与Internet Explorer 10兼容,即使
在
阅读了他们官方网站上
的
文档后,我也遇到了一些问题.uberflex { -webkit-justify-content: flex-start; -ms
浏览 2
提问于2013-09-10
得票数 13
回答已采纳
1
回答
消除反应中内联块元素之间
的
空间
。
javascript
、
html
、
css
、
reactjs
在
将此问题标记为副本之前,请阅读以下
内容
:<div>something</div><这将导致div之间没有空白,酷,但我不能这样做,因为React使用
的
是JSX而不是HTML。我读过不同
的
CSS解决方案,其中一些是: 设置带负值
的
页边距-左(当调整浏览
浏览 1
提问于2019-05-09
得票数 1
回答已采纳
1
回答
如何使用柔性箱将链接保持
在
底部?
html
、
css
、
flexbox
我们必须在最多3列
的
许多行中显示
内容
块。每个
内容
块都包含一个heading、description和link。我们使用
flexbox
来显示一行中
的
块,这样行
的
高度就被最高
的
元素占据了。但是,我们不能总是
在
底部
对齐
link,而且它似乎总是位于每个description
的
正下方。 如何使用
flexbox
对齐
每个区块底部
的
链接,并使每个区块仍然是最高区块
的</e
浏览 0
提问于2018-11-19
得票数 0
回答已采纳
2
回答
左
对齐
中间
对齐
的
flexbox
的
最后一行
html
、
css
、
flexbox
我有个
flexbox
。它
的
内容
是NxN正方形。我希望容器在给定显示宽度
的
情况下
能容纳尽可能多
的
这些方块。我希望
flexbox
在
页面上居中
对齐
。则最后一行不会左
对齐
。但是,如果我更改为 justify-content: left 图片: ? 则整个容器不再在页面上居中
对齐
显示。我能以某种方式实现两个项目的混合吗,所以在这个例子中,我将有5个项目居中
对齐
,但最后一行将与前几行中<e
浏览 28
提问于2021-03-21
得票数 1
1
回答
CSS:顶部和中心
对齐
div
的
柔性箱容器。
html
、
css
、
flexbox
、
css-position
我试图创建一个布局与顶部和中央
对齐
的
div。<div class="
flexbox
-container"> top <div class="center-item{ display: -webkit-flex;
浏览 5
提问于2017-09-21
得票数 3
回答已采纳
1
回答
Flexbox
对齐
-与flex列之间
的
内容
空间
css
、
flexbox
、
tailwind-css
我想把“阅读更多”按钮按到这张卡
的
底部。有没有用于flex-col
的
等价物align-content:space-between?顶部、中间段落和see more按钮都在它们自己
的
div中,包装在父卡
的
div中。 ?
浏览 22
提问于2019-06-22
得票数 0
2
回答
如何在CSS3中响应地将项目与
Flexbox
对齐
?
css
、
flexbox
我用
的
是CSS3挠性盒。我
在
一个div里面有两个文本
在
彼此旁边。但是,如果文本B不能放在一行上,我希望它是在下一行
对齐
的
左。这是我
的
尝试,问题是如果没有足够
的
空间
,Text B会转到右边:.main { display: flex; flex-wrap: wrap; } .b { margin-left: auto;&l
浏览 4
提问于2021-10-23
得票数 1
回答已采纳
2
回答
如何仅使用CSS而不使用
flexbox
来更改TH中两个跨度
的
顺序
css
text-right"> <span class="icon">Icon</span> </thead> 我需要
的
图标总是
在
文字
的
左边但问题是,文本可以左
对齐
或右
对齐
,在这两种
情况下
,图标都应该“看起来”像是文本<e
浏览 18
提问于2020-05-22
得票数 0
回答已采纳
2
回答
柔性盒中
的
顶部
对齐
文本
javascript
、
html
、
css
、
flexbox
我已经创建了一个布局,其中有带有文本
的
按钮。文本
在
顶部
对齐
width: 100%;} displ
浏览 5
提问于2015-12-02
得票数 1
回答已采纳
1
回答
如何使用柔性盒对标志进行居中?
html
、
css
、
flexbox
我需要在容器中间,而不是
在
start div和end div之间
的
空间
中间对徽标进行居中。有没有办法用柔性盒来做呢?下面是以两个div之间
的
中间
空间
为中心
的
徽标快照:我
的
代码:/* =======Header Start======= */ display: flex
浏览 0
提问于2018-07-19
得票数 0
回答已采纳
2
回答
压字表中
的
垂直
对齐
html
、
css
、
wordpress
、
html-table
我正在使用一个插件
在
一个Wordpress.org站点上工作,它允许我改变页脚区域
的
来源,因为我
的
主题不支持页脚。我正在尝试创建一个带有徽标和2个PHP元素
的
表,这些元素显示我们
的
赞助商和合作伙伴
的
滚动徽标。’和‘我们
的
赞助商垂直排列。我怀疑这个问题可能与Wordpress
的
风格。下面是我使用
的
代码: #footer_table_layout { }
浏览 7
提问于2017-07-15
得票数 1
回答已采纳
1
回答
在
表格单元格元素中水平和垂直居中
css
我有这样
的
结构(简化): <div id ="someOtherDiv">.......图像在屏幕上只
在
水平方向居中,而在垂直方向居中。 我还应该添加什么来实现这一点呢?当然,如果我将BODY设置为100%
的
高度,然后将内部div设置为100%
的
高度,它也可以工作,但事实是我实际上不能向BODY标签添加100%
的
高度,所以我只需要
浏览 1
提问于2018-09-14
得票数 0
12
回答
如何在
flexbox
中垂直
对齐
文本?
html
、
css
、
flexbox
我想使用
flexbox
在
<li>中垂直
对齐
一些
内容
,但效果不是很好。我在网上查过了,许多教程实际上使用了一个包装器div,它从父组件
的
flex设置中获取align-items:center,但我想知道是否有可能去掉这个额外
的
元素?在这种
情况下
,我选择使用
flexbox
,因为列表项高度将是一个动态%。
浏览 1
提问于2014-08-14
得票数 542
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给萌新的 Flexbox 简易入门教程
Flex-弹性布局原来如此简单!
基于 Flexbox和CSS Grid 的高效布局
前端布局神器 Grid,看这一篇就够了
CSS3 Flexbox布局
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券