記：原樣輸出文字，不做任何處理

aaron 發(fā)布于2019-08-30 15:55 / 3659人閱讀

摘要：在該元素中的文本通常按照原文件中的編排，以等寬字體的形式展現(xiàn)出來(lái)，文本中的空白符比如空格和換行符都會(huì)顯示出來(lái)。緊跟在開(kāi)始標(biāo)簽后的換行符也會(huì)被省略然后對(duì)使用樣式換行，解決了此問(wèn)題屬性是用來(lái)設(shè)置如何處理元素中的空白

今天有個(gè)奇葩需求：讓純文本文字換行輸出？

what？幾年沒(méi)用過(guò)這個(gè)標(biāo)簽了..當(dāng)時(shí)用的時(shí)候還是初學(xué)的時(shí)候。。。當(dāng)時(shí)嫌棄空格什么要轉(zhuǎn)義麻煩。。。


HTML  元素表示預(yù)定義格式文本。在該元素中的文本通常按照原文件中的編排，以等寬字體的形式展現(xiàn)出來(lái)，文本中的空白符（比如空格和換行符）都會(huì)顯示出來(lái)。(緊跟在  開(kāi)始標(biāo)簽后的換行符也會(huì)被省略)
然后對(duì)pre使用css樣式換行，解決了此問(wèn)題
   pre {
      white-space: pre-wrap;
      word-wrap: break-word;
    }
white-space CSS 屬性是用來(lái)設(shè)置如何處理元素中的空白

GPU云服務(wù)器云服務(wù)器泄露數(shù)據(jù)如何處理如何處理海量數(shù)據(jù) 如何處理大量數(shù)據(jù) 大數(shù)據(jù)如何處理

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

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

相關(guān)文章

由一個(gè)項(xiàng)目需求引發(fā)的 - textarea中的換行和空格

摘要：顯示的時(shí)候，從后臺(tái)獲取到文本之后，去掉文中的所有空格，然后顯示在標(biāo)簽里面。這里我用一個(gè)小例子來(lái)示意一下在各種情況下的保存和顯示。首先嘗試，去掉所有的空格，首先想到的就是方法。當(dāng)我們使用 textarea 在前臺(tái)編輯文字，并用 js 提交到后臺(tái)的時(shí)候，空格和換行是我們最需要考慮的問(wèn)題。在textarea 里面，空格和換行會(huì)被保存為/s和/n，如果我們前臺(tái)輸入和前臺(tái)顯示的文字都是在 te...

TNFE 2019-08-23 10:44 評(píng)論0 收藏0
由一個(gè)項(xiàng)目需求引發(fā)的 - textarea中的換行和空格

摘要：顯示的時(shí)候，從后臺(tái)獲取到文本之后，去掉文中的所有空格，然后顯示在標(biāo)簽里面。這里我用一個(gè)小例子來(lái)示意一下在各種情況下的保存和顯示。首先嘗試，去掉所有的空格，首先想到的就是方法。當(dāng)我們使用 textarea 在前臺(tái)編輯文字，并用 js 提交到后臺(tái)的時(shí)候，空格和換行是我們最需要考慮的問(wèn)題。在textarea 里面，空格和換行會(huì)被保存為/s和/n，如果我們前臺(tái)輸入和前臺(tái)顯示的文字都是在 te...

Cheriselalala 2019-08-02 11:09 評(píng)論0 收藏0
fe4-1:測(cè)試和自動(dòng)測(cè)試

摘要：由于的測(cè)試方法需要經(jīng)常復(fù)制粘貼后運(yùn)行改錯(cuò)現(xiàn)更新一種自動(dòng)測(cè)試方法自動(dòng)測(cè)試建立一個(gè)函數(shù)調(diào)用所有需要執(zhí)行的函數(shù)在文件中對(duì)文件進(jìn)行引用引用方法文件名帶文件擴(kuò)展名例定義用于測(cè)試的函數(shù)需要接收兩個(gè)參數(shù)是不做任何處理否則為則輸出在條件不成立的時(shí)候輸出定由于fe3-3的測(cè)試方法需要經(jīng)常復(fù)制粘貼后運(yùn)行改錯(cuò)現(xiàn)更新一種自動(dòng)測(cè)試方法自動(dòng)測(cè)試：1、建立一個(gè)main函數(shù)調(diào)用所有需要執(zhí)行的函數(shù)2、在html文件中...

lyning 2019-08-23 16:51 評(píng)論0 收藏0
文字處理之一：空白字符及white-space屬性

摘要：瀏覽器的默認(rèn)行為瀏覽器支持種空白字符空格制表符回車換行。關(guān)于換行的具體細(xì)節(jié)在下一篇博客介紹，這里我們簡(jiǎn)單點(diǎn)，只考慮中文字符，字?jǐn)?shù)多了放不下就換一行。 p標(biāo)簽中插入一段文字，是非常常見(jiàn)的需求，但是仔細(xì)分析，這里面有很多需要注意的細(xì)節(jié)。這篇和下篇博客，主要講對(duì)于文本內(nèi)容顯示的處理，這篇主要介紹空白字符和white-space屬性。瀏覽器的默認(rèn)行為瀏覽器支持4種空白字符：空格、制表符、回...

Edison 2019-08-30 15:44 評(píng)論0 收藏0