如果 XML 訊息太長，我想將它包裝在 mat-expansion-panel 中，以便它繼續向下而不是超出面板。
<mat-expansion-panel class="panel">
<pre>{{pretty(message.content)}}</pre>
</mat-expansion-panel>
.panel {
max-height: 80vh;
width: 1000px;
overflow: auto;
}
pretty(message: string) {
return vkbeautify.xml(message);
}
我嘗試使用white-space,word-break將訊息包裝在<p>標簽中并將寬度設定為 85%，但所有這些東西似乎都沒有做任何事情。
圖片
uj5u.com熱心網友回復：
要pre標記的目標
.panel pre {
max-height: 80vh;
width: 1000px;
overflow: auto;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/490238.html
標籤：javascript html css 有角度的 打字稿
下一篇：更新TypeScript版本