Flexbox justify-内容:空格；不工作..？
Flexbox是一种用于网页布局的CSS模块，它提供了一种灵活的方式来排列和对齐元素。justify-content属性用于设置元素在主轴上的对齐方式。当设置为"空格"时，它会在元素之间均匀地分配空白空间。
然而，如果在使用Flexbox时，justify-content:空格;不起作用，可能有以下几个原因：
- 错误的属性值：在CSS中，justify-content属性的合法值包括flex-start、flex-end、center、space-between、space-around和space-evenly。"空格"不是一个有效的属性值，因此可能导致该属性不起作用。
- 错误的父容器：justify-content属性应该应用于Flex容器（即父容器），而不是Flex项目（即子元素）。请确保将该属性应用于正确的元素。
- 其他CSS规则的干扰：可能存在其他CSS规则或选择器，覆盖了justify-content属性的设置。可以通过检查其他CSS规则或使用浏览器的开发者工具来识别和解决这个问题。
总结起来，要解决justify-content:空格;不起作用的问题，可以尝试以下步骤：
- 将属性值修改为合法的值，如flex-start、flex-end、center、space-between、space-around或space-evenly。
- 确保将该属性应用于正确的Flex容器（父容器）。
- 检查是否存在其他CSS规则或选择器干扰，可以使用浏览器的开发者工具进行调试和排查。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
我正在尝试创建一些博客站点布局，但这里的问题是我不能在内容和侧边栏之间留出空间。我应用了flexbox，但justify-content不起作用。我不知道为什么，我用的是最新的chrome浏览器。
浏览 18提问于2020-06-15得票数 0
回答已采纳
我和flexbox正在努力更好地了解，但目前我们意见不一致。这样做的原因是，我试图在一行中添加三个项目，在第二行中添加两个项目。
浏览 0提问于2014-12-16得票数 3
但是，如果您添加的行中不包含相同数量的元素，则这些项不会从相同的位置偏移。 我怎么才能让它看起来像下面这样呢？ [x] [y] [z]
[a] [b]
浏览 27提问于2019-10-14得票数 0
1回答
如果flex容器有justify- content : center，并且有一个比容器宽的FLEX子容器，则内容在除IE10和IE11之外的所有浏览器中都保持居中(内容在两个方向上的溢出相等)。在大多数浏览器中，你会得到这样的结果：在IE 10/11中，你会得到如下结果：我需要一种方法来在这些IE浏览器中实现居中布局，而不是完全抛弃flexbox方法。下面是示例的一个小插曲：.wrap { height: 100%; di
浏览 5提问于2017-02-18得票数 7
回答已采纳
为什么flex center不工作？
你通常如何在react-bootstrap中进行定制？
浏览 8提问于2021-03-13得票数 0
它不工作，有什么想法吗？ 我能够以间隔的方式显示它的唯一方式是填充。 为什么justify-content不能工作？
浏览 18提问于2020-01-03得票数 1
我正在尝试建立一个3x3Flexbox网格的按钮链接，具有响应性。网格在桌面和平板电脑上看起来很棒，但在移动版本中，项目是左对齐的，无法水平居中。我的目标是为移动端提供一个以所有内容为中心的专栏。padding: 0; list-style: none; display: -moz-box;
display: -ms-flexbox
浏览 0提问于2018-07-13得票数 0
当我的flexbox突然停止工作时，我的页面已经快要完成了。我正在尝试使用它，主要方向是从上到下，我想使用justify-content：“空格-环绕”选项。
浏览 11提问于2021-07-04得票数 1
回答已采纳
无论页脚有多少内容，粘性页脚都会粘附在网页的底部。如果您在网页的CSS样式表中使用FlexBox命令，这将是一个解决问题。所有现代浏览器都支持FlexBox。然而，使用Angular2构建一个web应用程序，我无法应用最简单的FlexBox命令！页脚不粘在底部！这是我的。在柱塞应用程序中，style.css包含一个非常简单的Flexbox命令，它可以工作--只需将index.html的内容替换为index1.html，并查看粘性页脚在没有角度存在的情况
浏览 2提问于2017-01-25得票数 3
回答已采纳
1回答
trailing whitespace: <span class="trailing-whitespace"> a </span>正如你在上面的例子中所看到的，具有white-space: pre样式的flexbox元素会保留空格，但不会保留独立的空格。我还想保留这些空格，而不设置width属性或其他什么。我们有什么方法可以做到这一点吗？
浏览 0提问于2021-03-13得票数 0
4回答
如何将保留的内容放在页脚的左侧，将页脚放在右侧，并在CSS上的链接之间添加空格？不使用flexbox <footer> <nav
浏览 82提问于2019-11-05得票数 1
1回答
我一直在使用空格:无包装、文本溢出:省略和溢出:隐藏的CSS属性来创建多行文本的省略截断。然而，当使用flexbox时，这是行不通的。手动设置高度与flex +空白:现在the不工作。
浏览 5提问于2016-08-16得票数 3
2回答
我一直试图创建一个3列布局与Flexbox，其中的块是相同的高度。在下面的第一张图中，显示了预期的行为(具有讽刺意味的是，它只在IE11中工作)。JSFiddle：
CSS： width: 100%; display: -ms-flexbox
浏览 0提问于2015-10-05得票数 3
回答已采纳
2回答
我写了代码，它是一个带按钮的气泡菜单。它在Chrome上运行得很好，但在mozilla上就不行了。你可以看到并尝试它$(".roundedBallOuter").click(function(e) {}); -webkit-user-select: none; -ms-user-select: none;} position:
浏览 1提问于2016-09-08得票数 1
回答已采纳
Flexbox Version: 0.2.2下面是我的XML代码： android:id="@+idflexDirection="row" app:justifyContent="space_between">
</com.google.android.flexbox.FlexboxL
浏览 4提问于2016-06-13得票数 3
1回答
SASS/Flexbox不工作
、、、、
我正在尝试将flexbox布局应用于基于示例的元素。在.html中，我有：...div>2</div> </div> 而且我确实在.scss文件中启用了flex：
@import "px-flexbox-
浏览 8提问于2018-05-04得票数 0
2回答
我试着制作带有背景的侧边栏，它的高度与#页面内容的高度相同，但我无法使它工作。边栏高度仍与其内容相同。.flexbox { display: -ms-flexbox !important; overflow: hidden !important;.flexbox .flexbox-col {
浏览 1提问于2015-03-22得票数 2
1回答
我遇到的问题是，在调整浏览器标签的整个过程中，flexbox没有将我的图片居中。以图片为例。如图所示，中间的项目并不总是居中，并且在右侧留下很大的空间，直到下一个项目换行。
浏览 0提问于2019-07-08得票数 0
我使用vuetify布局，我想在右边做按钮，但是我发现vuetify属性的align-end不起作用，我用offset-xs9在右边做按钮，但是按钮在v-flex中居中，怎么做呢？帮帮忙谢谢<div id="app"> <v-flex xs3 offset-xs9 align-end> <v-btn prim
浏览 2提问于2017-09-06得票数 11
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
