Як я можу відобразити текст з пробілами в HTML, з подвійними пробілами

Мені потрібно показати наступний текст як HTML (дослівно):

T H I S  I S  A  T E X T

Як ти бачиш:

  • all characters have a space in between
  • the space characters have been doubled
  • I want to have that inside an tag

Те, що я намагався, це:

T H I S  I S  A  T E X T

Але html стискає кілька пробілів у один.

Як я можу змусити подвійні пробіли?

1
Чи є мета фактично мати пробіл між кожним друкарським персонажем або просто розкласти букви?
додано Автор Rob Allen, джерело
Я дізнався щось нове сьогодні stackoverflow.com/questions/433493/…
додано Автор John b, джерело
Використання & nbsp не так добре, як я думаю. Ви можете використовувати інтервал між листами
додано Автор underscore, джерело

6 Відповіді

Ви можете зробити це за допомогою CSS

letter-spacing: 5px;
4
додано
Набагато зручніше, ніж усі ці нерозривні простори.
додано Автор user1864610, джерело

A better solution than   which is non-breaking, is &emsp which is double space (useful at the end of a sentence), or &ensp which is single space.

3
додано

Міжрядковий інтервал

Визначення та використання

Властивість літер-проміжків збільшує або зменшує пропуск між символами в тексті.

 <!DOCTYPE HTML>
    <html>
    <head>
    
    </head>

    <body>
    THIS IS A TEXT
    </body>
    </html>

WORKING DEMO

2
додано
Це працює! Дякую!
додано Автор dangonfast, джерело

Ви хочете Нерозривний пробіл caracter $ nbsp; ... Це один з HTML-об'єктів , доступний там ;-)

More Info: http://www.w3schools.com/html/html_entities.asp

0
додано

Ви можете використовувати тег попереднього HTML і стиль його, наприклад.


T H I S  I S  A  T E X T

pre tag preserve any number of spaces in HTML. You can also style it to look like regular text e.g.



0
додано

Use   between your letters like this: T H I S  I S  A  A  T E X T

0
додано