Vue2 DIV不改变V上的高度-适用于
我得到了一个类似：
<div class="pt-4">
<h5>Genres:</h5>
<div class="inline-block float-left" v-for="(genre, index) in moreData.genres" :key="index">
<span v-if="index < moreData.genres.length-1" class="mr-2">{{ genre.name }},</span>
<span v-else>{{ genre.name }}</span>
</div>
</div>
现在，当呈现v-for语句的内容时，div的高度保持不变。这会导致下一个元素重叠（或至少浮动）在其上。我通过设置“clear：both”来帮助自己，但这不是一个好的解决方案。
共有1个答案
好吧，我通过设置“Display：Flex”来解决它。这似乎是对内容变化和适当调整DIV维度的反应。
-
问题内容： 总菜鸟问题，但在这里。 CSS HTML 基本上，我试图模拟一个按钮，使一个跨度（或某个范围）看起来像一个输入字段旁边的按钮，由于自动填充生成器会在onEnter上产生错误，因此实际上不需要是一个输入字段。认为这是目前的快速解决方案，但显然不是。 谢谢。 问题答案： 跨度是一个内联元素。它没有宽度或高度。 您可以将其转换为块级元素，然后它将接受您的维度指令。
-
问题内容： 我有一个包含两个内部div的容器div；两者在容器中的宽度和高度均应为100％。 我将两个内部div都设置为100％高度。在Firefox中效果很好，但是在IE中，div不会拉伸到100％的高度，而只会拉伸其中文本的高度。 以下是样式表的简化版本。 我做错什么了吗？还是我错过了任何Firefox / IE怪癖？ 问题答案： 我认为“在Firefox中工作正常”仅在 Quirks模式下
-
问题内容： 最小高度不适用于body / html吗？ 完全不执行任何操作（firebug报告正文，html标签的高度完全不变） 问题答案： 首先，声明一个doctype以便您符合标准（如果还没有的话）。 现在，正文只能与包含html的正文一样高，因此您需要将HTML标签设置为100％的高度，并将正文设置为min-height 100％。这对我在Firefox上有效。
-
编辑：codesandbox:https://codesandbox.io/s/40xj3zv5w7上的示例，图像变得非常小，而不是400px宽和10px高。
-
问题内容： 我有一段很大的文字，用分为多个子段落： 我想扩大这些分段之间的距离，例如存在两个或类似的东西。我知道正确的方法是使用，但是现在我无法更改此布局，因此我正在寻找纯CSS解决方案。 我试过设置的和有，我也一派，堆栈溢出- ED简单，但没有找到任何解决方案。在不更改布局的情况下是否有可能？ 问题答案： CSS： 该解决方案可能与跨浏览器不兼容，但至少是这样。还可以考虑设置： 对于谷歌浏览器，
-
我想复制这家伙做的但不使用画布。我想有一个div在我的页面的中心，并简单地增加宽度/高度/边界半径10px每秒。这工作得很好，但是由于某种原因，div越大，它向右下方移动的越多。圆圈不是静止不动的，它的中心位置随着它变大而改变。如何在不改变位置的情况下更改div的宽度/高度？ main.css index.html APP咖啡