如何使多行跨度与内容保持相同的宽度？[副本]
我有一个div里面有2个跨度。如果第一个跨距内容足够短，可以在单行上显示，则跨距宽度（在开发工具中）与文本内容的宽度相同。将第二个跨距直接定位在第一个跨距的右侧。
如果第一个跨距的内容足够长，可以使其环绕跨距的宽度，则该跨距的宽度将大于内容的宽度。这意味着在换行的文本后面有多余的空格。它强制第二个跨距与父div的右边框对齐，并强制第一个跨距的宽度获得剩余的宽度。
是否有一种方法可以使多行跨度的宽度与单行跨度的行为相同？我可以让浏览器将多行文本包装到它想要的任何地方。
null
<div style="width: 500px; height: 150px; display: flex">
<span id="span1">kljlkajdl aldf di alkd falk afldin laknd flaid flkna dlfin laind flina ldf</span>
<span id="span2">ABC</span>
</div>
<div style="width: 500px; height: 150px; display: flex">
<span id="span3">kljlkajdl aldkjf di alkd falk afldin laknd flaid flkna dlfinu lainduyvgcrdrses flina ldfina ldsfialdknfa dfoin a</span>
<span id="span4">ABC</span>
</div>null
共有1个答案
是否从其父级删除flex？
null
<div style="width: 500px; height: 150px; display: flex">
<span id="span1">kljlkajdl aldf di alkd falk afldin laknd flaid flkna dlfin laind flina ldf</span>
<span id="span2">ABC</span>
</div>
<div style="width: 500px; height: 150px; /*display: flex*/">
<span id="span3">kljlkajdl aldkjf di alkd falk afldin laknd flaid flkna dlfinu lainduyvgcrdrses flina ldfina ldsfialdknfa dfoin a</span>
<span id="span4">ABC</span>
</div>-
我有一个javafx GridPane，当我调整阶段大小时，它会调整自己的大小以适应阶段的大小。我希望gridpane的高度与gridpane的宽度相匹配，并因此将大小调整为尽可能大的大小，同时保持这种约束。 我不得不在GridPane的父级中添加更多的元素。我发现添加的元素完全没有正常的行为，并且相互重叠。 当然，当我移除重写方法时，它们不再重叠，但当我调整舞台大小时，网格窗格并没有保持一个完美
-
将父flex容器宽度调整为子flex容器内容宽度时出现问题。 使用Bulma，我有以下HTML结构 但它最终应用于所有子flex容器，如您所见： http://codepen.io/anon/pen/mWqRxW 如何解决这个问题，并使父flex容器适合子flex容器的宽度（在本例中是输入的宽度）？
-
问题内容： 目前，通过STYLE，我可以在和高度上使用和，反之亦然，但是我仍然不能将图像分别限制在一个特定的位置，无论是太宽还是太高。 有任何想法吗？ 问题答案： 如果仅在图像上定义一维，则将始终保留图像长宽比。 图像是否比您喜欢的更大/更佳？ 您可以将其放入DIV中，该DIV设置为图像所需的最大高度/宽度，然后设置“ overflow：hidden”。那将收获超出您想要的任何东西。 如果图像的宽
-
如果将标记放置在块布局和flex布局项中，则其行为似乎有所不同： 第一个（标有绿色背景）的大小由父的宽度（页面宽度）决定。但是放置在flex容器中的第二个似乎具有最大宽度，并且生成超过页面宽度的内容。只有当有很长的单词时才会发生这种情况。有什么方法可以正确限制第二个的宽度，而不需要像显式指定它或通过）删除超过的文本那样的黑客攻击？我已经尝试了但它没有任何区别：（
-
我有一个以GridLayoutManager为布局管理员的recyclerview，我想要实现的是下图 正如你所看到的，每一行可能有多个项目，只是基于项目宽度，每个项目都是一个文本视图，具有宽度，但所有项目都有相同的高度。 我知道可以通过设置行跨度，但要做到这一点，我应该知道跨度的计数，而我的列表行将仅按项目宽度填充 有人能帮我吗？