根據屏幕大小動態包裝文本？

我有一個模式形式，我希望文本根據模態窗體的大小進行換行。什麼是適當的CSS呢？根據屏幕大小動態包裝文本？

目前我正在使用新的線的角度，我硬編碼換行符。問題是如果屏幕較大並且使文本看起來很尷尬並且不居中，則換行符停留。

.angular-with-newlines { 
white-space: pre-wrap !important; 
    } 

.text-center{ 
text-align: center !important;

}

我的HTML`

<div class="row text-center margin30"> 
     <h5 class=" angular-with-newlines">{{message}}</h5>  
</div>

來源

2017-09-25 CodeMan03

不知道什麼假設是最終的結果。 – felixmosh

我有一個模式，我有一個消息，看起來像這樣「找到錯誤。\ n請在繼續之前修復錯誤」。所以我使用空格-pre，以便正確捕獲換行符。如果用戶點擊一個按鈕，它會在網格中詳細顯示錯誤。網格的寬度很大，因此節點的寬度也會擴大。由於網格擴展了模態寬度的大小，因此消息有足夠的空間放在一條線上。我希望消息根據模態的大小動態包裝。如果有空間則全部使用。如果沒有包裝 – CodeMan03

您需要使用媒體查詢類似如下─

@media (max-width:768px) { 
.text-center{ 
text-align: center !important; 
} 
}

來源

2017-09-25 17:41:48 ManishSingh

這不起作用我在上面的評論中附加了我的問題 – CodeMan03

根據屏幕大小動態包裝文本？

回答

相關問題