獲得字符串包含?，渲染到頁(yè)面不換行的解決辦法

jemygraw 發(fā)布于2019-08-21 11:49 / 2450人閱讀

從接口得到的數(shù)據(jù)格式是這樣的：

在瀏覽器中l(wèi)og的結(jié)果是這樣的：

而想要的結(jié)果應(yīng)該是和log的結(jié)果一樣，是這樣的：

但結(jié)果直接渲染出來(lái)卻是這樣的：

字符“?”是換行的意思，但在前端展示的只是空格，從字符串中indexOf（“?”）得到的是：

并沒有得到“?”。
但是我們indexOf（“ ”）得到：

所以可以由此入手：

let arr = name.split("
")
    const arrItems = arr.map((item)=>{
              {item}
          })

就可以得到我們想要的效果：

云服務(wù)器 GPU云服務(wù)器 js每十個(gè)換行的算法文字不換行數(shù)據(jù)不換行 htmldiv不換行

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/87154.html

相關(guān)文章

使用 <wbr> 解決長(zhǎng) URL 的換行問(wèn)題

摘要：開發(fā)中，屏幕寬度有限，超長(zhǎng)文字必須換行。嘗試原生方法無(wú)法解決問(wèn)題，只好摸索手動(dòng)斷行的做法。用解決這個(gè)問(wèn)題困擾了我很久，直到前兩天，我突然發(fā)現(xiàn)原來(lái)有軟換行的存在。本案例中，使用實(shí)際上是想借用瀏覽器計(jì)算表格各列寬度的機(jī)制。問(wèn)題我們知道，世界上文字主要有兩種：一種是以中文為代表的象形文字；另一種是以英法俄等為代表的拼音語(yǔ)系。前者的換行很簡(jiǎn)單，每個(gè)單字都有自己的意義，所以每個(gè)字后面都可以換...

104828720 2019-08-30 11:02 評(píng)論0 收藏0
使用 <wbr> 解決長(zhǎng) URL 的換行問(wèn)題

摘要：開發(fā)中，屏幕寬度有限，超長(zhǎng)文字必須換行。嘗試原生方法無(wú)法解決問(wèn)題，只好摸索手動(dòng)斷行的做法。用解決這個(gè)問(wèn)題困擾了我很久，直到前兩天，我突然發(fā)現(xiàn)原來(lái)有軟換行的存在。本案例中，使用實(shí)際上是想借用瀏覽器計(jì)算表格各列寬度的機(jī)制。問(wèn)題我們知道，世界上文字主要有兩種：一種是以中文為代表的象形文字；另一種是以英法俄等為代表的拼音語(yǔ)系。前者的換行很簡(jiǎn)單，每個(gè)單字都有自己的意義，所以每個(gè)字后面都可以換...

lily_wang 2019-08-02 15:12 評(píng)論0 收藏0
CSS3 文本換行

摘要：文本換行其實(shí)是個(gè)非常常用但并不起眼的特性。在中日韓文情況下，和有區(qū)別，見下圖中日韓文情況下，仍舊等于沒有設(shè)，瀏覽器選擇在文字或標(biāo)點(diǎn)符號(hào)處換行。但設(shè)成后，將不再允許斷詞哪怕是中日韓文，只能像英語(yǔ)系一樣根據(jù)半角空格或標(biāo)點(diǎn)來(lái)?yè)Q行。文本換行其實(shí)是個(gè)非常常用但并不起眼的特性。你什么都不用設(shè)，瀏覽器自動(dòng)就會(huì)換行。例如英語(yǔ)，瀏覽器會(huì)根據(jù)容器尺寸，選擇在半角空格或連字符處換行。例如中文，瀏覽器會(huì)選擇...

EasonTyler 2019-08-30 13:16 評(píng)論0 收藏0
CSS3 文本換行

摘要：文本換行其實(shí)是個(gè)非常常用但并不起眼的特性。在中日韓文情況下，和有區(qū)別，見下圖中日韓文情況下，仍舊等于沒有設(shè)，瀏覽器選擇在文字或標(biāo)點(diǎn)符號(hào)處換行。但設(shè)成后，將不再允許斷詞哪怕是中日韓文，只能像英語(yǔ)系一樣根據(jù)半角空格或標(biāo)點(diǎn)來(lái)?yè)Q行。文本換行其實(shí)是個(gè)非常常用但并不起眼的特性。你什么都不用設(shè)，瀏覽器自動(dòng)就會(huì)換行。例如英語(yǔ)，瀏覽器會(huì)根據(jù)容器尺寸，選擇在半角空格或連字符處換行。例如中文，瀏覽器會(huì)選擇...

chinafgj 2019-08-01 16:05 評(píng)論0 收藏0
【CSS】小妙招，各種問(wèn)題總結(jié)方法處理

摘要：應(yīng)用常例是屬性設(shè)置水平放置后出現(xiàn)間隙。邊框產(chǎn)生的位置只有兩個(gè)地方，在內(nèi)容內(nèi)，在內(nèi)容外，請(qǐng)看下面介紹。產(chǎn)生在內(nèi)容外，這個(gè)好理解，也是我們最普遍見到的，就是在內(nèi)容外繪制邊框。1.實(shí)現(xiàn)div文字溢出自動(dòng)省略號(hào)截取 ? overflow:hidden;??/*超過(guò)部分不顯示*/??　　　　　　text-overflow:ellipsis;??/*超過(guò)部分用點(diǎn)點(diǎn)表示*/??　　　...

springDevBird 2019-04-23 13:28 評(píng)論0 收藏0