De Tekst van Preformated van Formating op Uw Website

Voor gelegenheid, heb ik HTML pre <gebruikt> lusje om een foutenmelding of andere standouttekst in een post vooraf op te maken. Minstens één lezer Sciencetext werd geïntrigeerde over hoe ik erin slaagde om de tekst eerder dan het te verpakken die net over het postgebied of met horizontale scrollbar wordt getoond.

Goed, is er een zeer eenvoudige CSS houwer. Stel uw stylesheet (ben zeker om reserve eerste te maken) open en voeg deze code aan de bodem toe.

/* Browser -specifieke (ongeldige) stijlen om vooraf opgemaakte tekstomslag te maken */

pre {
wit-ruimte: pre-omslag; /* css-3 */
wit-ruimte: - moz-pre-omslag; /* Mozilla, sinds 1999 */
wit-ruimte: - pre-omslag; /* opera 4-6 */
wit-ruimte: - o-pre-omslag; /* opera 7 */
word-wrap: onderbreking-woord; /* Internet Explorer 5.5+ */
}

Sparen het blad en verfris de pagina waarop u preformated brok van tekst gebruikt, zou het nu moeten verpakken dan beter Ice T. Er zijn verschillende andere manieren om dit uit te voeren houwer, maar dit is het snelst en het gemakkelijkst. U kunt andere CSS markeringen ook toevoegen om de font grootte te veranderen, bijvoorbeeld, zodat blok van tekst niet zo clunky kijkt preformated. Sciencetext stylesheet omvat bijvoorbeeld font-grootte: 0.9em; om de font grootte tot 90% te verminderen, die tot het een weinig stylish blik maakt. U kon grenzen toevoegen, font veranderen, in feite allerlei toepassen het speciale formating. Herinner me enkel het wijd plaats op al pretekst zal toepassen als u de code aan stylesheet toevoegt.