还是不行,普通的内容时父级的高度可以自动变高,但是md格式的内容不行
时间: 2024-04-17 10:25:10 浏览: 61
Ext Grid表格的自动宽度及高度的实现
4星 · 用户满意度95%
如果您的父级盒子在显示普通内容时可以自动增加高度,但对于Markdown格式的内容却不行,可能是由于Markdown内容的样式或布局导致的。
您可以尝试在父级盒子上添加`overflow: auto;`的CSS样式,这将使父级盒子具有垂直滚动条,在内容溢出时可以滚动查看。这样,即使Markdown内容超出了父级盒子的高度,它仍然能够在滚动条的帮助下查看全部内容。
请尝试将代码修改如下:
```html
<dv-border-box-11 :color="['#00ee83','#197bfe']" title="游戏详情" :titleWidth="300" style="display: flex; flex-direction: column; overflow: auto;">
<!--富文本详情内容" -->
<div class="game-info-md" style="flex: 1;">
<vue-markdown :source="niceGameInfo"></vue-markdown>
</div>
</dv-border-box-11>
```
通过添加`overflow: auto;`样式,父级盒子将具有垂直滚动条,并可以滚动查看Markdown内容的全部内容。
阅读全文