如何將內容限制為模態對話框寬度？

Question

我在模態對話框中有很長的文本字符串，但文本沒有換行或留在對話框內。 我怎樣才能解決這個問題？ 下面是一個圖像和我的對話框模板。

<div class="modal modal-backdrop" tabindex="-1" role="dialog" [ngStyle]="{display: shareLinkShowDialog ? 'block' : 'none'}">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    Share Link to {{selectedHouseMember.getName()}}
                </h5>
            </div>
            <div class="modal-body" style="text-align: center;">
                <p>{{shareLink}}</p>
            </div>
            <div class="modal-footer">
                <button class="btn btn-warning" (click)="toggleShareLinkDialog()">
                    Close
                </button>
            </div>
        </div>
    </div>
</div>

Answer 1

用

寬度：100%； 最大寬度：100%；

給父母

Answer 2

<div class="modal-body" style="text-align: center; word-wrap: break-word;">
     <p>
        {{shareLink}}
     </p>
</div>

使用word-wrap: break-word; . 我參考了這個問題： html - Bootstrap modal水平文本溢出