容器没有响应"justify-content: space-around“(css、flexbox)
"justify-content: space-around" 是 CSS 中 flexbox 布局中的一个属性，用于控制容器中的项目在主轴上的对齐方式。当容器设置了该属性后，项目之间会均匀分布，同时在项目之前、之间和之后都会留有空白间距。
该属性的主要作用是实现灵活的对齐方式，适用于需要在容器中均匀分布项目的场景。它可以用于创建水平或垂直的布局，并且可以与其他 flexbox 属性一起使用，如 flex-direction、align-items 等。
推荐的腾讯云相关产品和产品介绍链接地址如下：
- 腾讯云容器服务（Tencent Kubernetes Engine，TKE）：提供高度可扩展的容器化应用管理平台，支持弹性伸缩、自动化运维等功能。了解更多信息，请访问：https://cloud.tencent.com/product/tke
- 腾讯云云原生应用平台（Tencent Cloud Native Application Platform，TCAP）：提供全面的云原生应用开发、部署和管理解决方案，支持容器编排、微服务架构等。了解更多信息，请访问：https://cloud.tencent.com/product/tcap
请注意，以上推荐的产品仅为示例，其他云计算品牌商也提供类似的容器服务和云原生应用平台。
相关·内容
我有一个带class="cards"的div .cards { flex-direction: row;
justify-content: space-around因此，为了做到这一点，我们在flex-box中使用了justify-content: space-around，但由于某些原因，这不起作用。 这就是我面临的问题。 下面是我得到的信息： ?
浏览 138提问于2020-09-21得票数 0
回答已采纳
1回答
我如何将这些对象居中，使其看起来更自然，并对有多少对象作出响应？如果有5个，我可以让它们像这样放置吗：******O*****O********O**O**O**O**
浏览 1提问于2014-02-26得票数 0
我正在对flexbox容器应用min-height: 100vh;，当我使用justify-content: space-around;时，我得到了一个垂直滚动条 padding: 0;.wrapper { display: flex; justify-content: space-around;&l
浏览 2提问于2017-02-28得票数 17
回答已采纳
我对flexbox布局有一个主要的问题。我用一个装满图片的盒子构建了一个容器，我决定使用flexbox布局来对齐内容，使其看起来像一个网格。<div class="item"></div>
和CSS： display: flex; justify-content: space
浏览 4提问于2013-05-05得票数 88
1回答
假设我有一个<ul>容器，它使用某个类进行样式设计。我想要发生的是，对于内部容器，使自己和谐和聪明地对齐。这将意味着彼此之间的等距，与外部容器两侧(左右)的边界相同。
一个人怎么能这样做呢？这个项目正在滚动原始的CSS，所以像SASS或更少的东西在这里并不是一个真正的选择。
浏览 1提问于2019-03-30得票数 0
回答已采纳
因此，我尝试使用CSS在导航栏上设置链接的样式。当我使用设置的像素值设置链接之间的space属性时，它工作得很好。
浏览 14提问于2020-03-19得票数 0
回答已采纳
1回答
我正在构建一个网站，我想让它更有响应性，目前我只需要使导航条响应，但我有问题，特别是在“菜单”按钮，当我使屏幕变小，“菜单”按钮在肚脐下面，有人能帮我吗？(如果您需要查看该网站，我已经将其放在Github页面上了：这是我的密码：.navbar { color: rgb(0, 0, 0); max-height: 55px; position: sticky; z-index: 999;
t
浏览 3提问于2022-04-17得票数 3
2回答
我有一个问题，我的网格在移动设备上看起来非常不同，而在PC上，它看起来就像我想要的一样，我意识到这是一个网格的问题，但我真的不知道如何解决它，因为它总是给出不同的结果。下面是我使用的代码： .offer .card-img { height: 300px;} cursor: pointer;}
transform: scale(1.01);
background-colo
浏览 14提问于2020-06-24得票数 0
Flexbox的justify-content: space-around使我的列表项目水平均匀地间隔。是否有一种方法可以有完全相同的东西，唯一的区别是左边的第一项没有空间？(也就是说，列表“开始”从容器的左边边缘开始)
浏览 2提问于2017-03-23得票数 21
回答已采纳
我尝试使用flexbox在横幅上均匀分布的<nav>元素中显示三个内部链接。我通过改变背景颜色验证了nav元素在整个页面上的跨度，所以我对一些我确信对经验丰富的人来说相当明显的事情摇头。nav {}
display: flex; margin:
浏览 0提问于2020-07-29得票数 2
你好，我正在尝试设置相同宽度的flex项，所以.flexbox的宽度将与.width-example相同，后者将在%或vw中
height: 50px; margin-right: auto; display: flex;
justify-content: space-around;
浏览 3提问于2020-08-17得票数 0
1回答
我正在尝试创建一个"dropright“css，但我无法使嵌套的ul表现良好 display: flex;
position:
浏览 3提问于2021-09-05得票数 1
这是我的页脚的CSS： display: flex; align-items: center;
justify-content
浏览 1提问于2018-11-20得票数 1
回答已采纳
我在让嵌套网格在最大宽度容器中显示图像时遇到了问题。一旦我应用自动页边距来使内容位于中心，它就会被压缩到一列中。
浏览 7提问于2019-01-04得票数 1
回答已采纳
2回答
容器是全宽的，它的子项靠左对齐。我想把所有的东西都放在中心。这是一个布局 .element1 .element3.container { 提前谢谢你。
浏览 0提问于2016-06-08得票数 0
1回答
等高挠曲柱
、、
/span></p> </div> </div> span display: flex
justify-content: space-betweenalign-items: ce
浏览 1提问于2021-09-06得票数 0
回答已采纳
2回答
目前，我的<li>都是左对齐的，您可以在上看到这个(这是带有家庭教练统计数据的部分)
问题是，我只是通过通过CMS使用CSS重写和JS (添加类等)来编辑它。当列表被确定时，我无法调整宽度。
浏览 3提问于2014-09-11得票数 1
回答已采纳
2回答
面包屑的动态宽度
、、、、
所有面包屑加在一起的最大宽度是735px，因为这是容器元素的大小。
现在，我需要限制每个面包屑的长度，以防止它们溢出，并确保它们都保持在同一条线上。为此，我需要在面包屑上设置一个最大宽度。我知道，最简单的方法是计算当前面包屑的数量，并通过将容器宽度除以面包屑的数量来设置一个固定位置，但这是而不是--这意味着标题较短的面包屑有很大的缺口，如下所示。例如，如果所有面包屑都有相当长的标题，则max-width将需要足够小，以便允许所有面包屑都放入容器中。但是，如果五个面包屑有非常短的标题(即4个字符)，而第五个面包屑有一个较长的标题，我希望max
浏览 5提问于2014-01-30得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
