我已經嘗試了換詞和溢位，但似乎沒有任何區別。我愿意聽取任何關于如何解決這個問題的建議。
uj5u.com熱心網友回復：
你可以使用text-overflow: ellipsis;在卡片標題上添加這些css屬性到你的卡片標題上
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
uj5u.com熱心網友回復：
Brian，下次請以文本形式而不是圖片形式分享你的代碼！謝謝。 要包住文本，你必須為父級設定溢位為隱藏。
<html>
<!--代碼僅作參考-->
<body style="display: flex;">
<div style="overflow: hidden;background: red;">/span>
<h5 style="text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">Hello world this is text that will wrap</h5>
</div>/span>
<!--增加第二個div的寬度，第一個div的文本在被連接時將被包起來-->。
<div style="width: 900px;overflow: hidden;background: blue;" >
<h5>Hello world this is text blah blah</h5>
</div>/span>
</body>
</html>`。
在你的案例中，為'card'類設定 "overflow: hidden"，為'card-title'類的標題設定這三個屬性
。{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/306760.html
標籤：