弹性收缩不更新项目宽度
更新：如果我必须使用flexbox，我认为没有简单的解决方案。我将使用“flex shrink:0”并使用媒体查询来调整设计。无论如何，谢谢你的帮助。
我有一个水平列表（显示： flex）与多个元素。当我缩小窗口大小时，列表元素开始缩小。不幸的是，元素的宽度几乎保持不变。锂元素占据了太多的空间。我希望li-元件的大小适合内容。如果我把"flex-收缩： 0"添加到li-元素中，宽度是正确的，但是我需要这个词-换行。
如何解决这个问题？
使用flex收缩：0
带柔性收缩： 1
#categories ul {
border-top: 1px solid lightgrey;
display: flex;
margin: 0 0 -1px 0;
padding: 7px 0 0 0;
}
#categories li {
padding: 0 0 7px 0;
margin-right: 15px;
list-style-type: none;
}
<nav id="categories">
<ul>
<li><a href="#">
谢啦
暂时还没有答案
-
我正在尝试在CSS flexbox中，将两个相邻的绘图拟合到一起。我希望它们在调整窗口大小时调整大小。当窗口变大时，它会按预期工作，但当窗口变小时，绘图不会缩小。 JSFiddle：https://jsfiddle.net/bd0reepd/ 我可能误解了flexbox的工作原理，但如果我用图像替换绘图，它们会像预期的那样缩小。 我试着调试它，发现plotlys的内部函数，它调用并相应地设置打印大
-
如果我调整窗口的大小小于最小宽度flex项目的总数（此处为653px），则会出现一个滚动条，但flexbox采用当前窗口的大小，并且flex项目没有红色背景，我想知道如何在不键入以下特定值的情况下为flexbox容器设置最小宽度： 我不希望收缩flex项目，但一个css的方式来获得： flexbox.min（flex_items_min_width） https://codepen.io/papa
-
问题内容： 我有一个容器用。它有一个孩子。 我怎样才能使孩子显得“内联”？ 具体来说，如何使孩子的宽度取决于其内容，而不扩展到父母的宽度？ 我试过的 我将孩子设置为，但仍然占用了整个宽度。我还尝试了所有其他显示属性，但没有任何效果。 例： 问题答案： 使用的容器上，或在柔性的项目。 不需要。 flex容器的初始设置为。这意味着柔性物品将沿横轴扩展以覆盖容器的整个长度。 该属性的作用与之相同，除了适
-
问题内容： 我试图将前两个子元素保留在同一行上，而第三个元素以全宽度保留在自己的下面，所有这些都使用flex。 我对在前两个元素上使用和属性特别感兴趣（这是我不使用百分比的原因之一），但是第三个元素确实必须为全角且在前两个元素以下。 当发生错误且无法更改代码时，以编程方式将元素添加到元素之后。 如何强制label元素在使用flex定位的其他两个元素下方跨越100％的宽度？ 问题答案： 每当您希望弹
-
问题内容： 如果您看下面的示例，我希望标头（）在父容器内具有相同的长度。 但是我并没有成功实现这一目标。 任何帮助表示赞赏。 问题答案： 弹性盒法 为了使文本项（）的宽度相等，您需要使用已完成的。这和说的一样。 但是，由于两个原因，这本身无法实现目标： 默认情况下，flex容器的父级，但更大容器中的flex项，仅限于其内容的宽度。因此它不会扩展，文本可能会溢出容器。你需要申请到，也是如此。 默认情
-
ScalingEntry SPI 名称 详细说明 ScalingEntry 弹性伸缩入口 已知实现类 详细说明 MySQLScalingEntry 基于 MySQL 的弹性伸缩入口 PostgreSQLScalingEntry 基于 PostgreSQL 的弹性伸缩入口