如何在HTML中預標記文本？

我想在我的HTML標記中的文本預先標記，它不工作。我在CSS下面使用我的標記。如何在HTML中預標記文本？

我得到了下面的CSS從How do I wrap text in a pre tag?

pre { 
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */ 
    white-space: -pre-wrap; /* Opera */ 
    white-space: -o-pre-wrap; /* Opera */ 
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */ 
    word-wrap: break-word; /* IE 5.5+ */ 
    border-radius: 0 !important; 
}

我已經在主要的div添加<div class="form-group col-lg-8">。我不知道這件事是否重要。

正如您在下圖中看到的那樣，它沒有正確包裝文本。 '哪個'被分成下一行'Whic'和'h'。

如何推動下一行的整個單詞？

來源

2016-01-22 Fahad Mullaji

工作正常。 https://jsfiddle.net/cwtrL422/ – ketan

您不需要所有這些供應商前綴。 – 2016-01-22 05:48:14

我也嘗試刪除該行。沒有工作 –

卸下word-wrap: break-word;

表示通常牢不可破字可以在任意點，如果不存在，否則在該行上可接受的斷點被破壞。

https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap

來源

2016-01-22 05:54:20 iH8

它看起來像你的目標是使用等寬字體與文字一起，所以我會這樣設置它：

div .pre { 
    word-wrap: normal; 
    font-family: monospace; 
    border-radius: 0 !important; 
}

由於不使用任何<pre>標籤保存你的格式，同時保持等寬字體。

來源

2016-01-22 05:55:14

如何在HTML中預標記文本？

回答

相關問題