Вопрос: Как оставить пространство в HTML


Я знаю, что HTML нечувствителен к пространству. Но что я могу использовать для создания пустых пространств между словами или фразами. я пытался <p></p> такие теги, но HTML автоматически опускает его.

Может ли кто-нибудь дать мне примерные коды?


16


источник


Ответы:


Вы можете использовать &nbsp;, ака Непрерывное пространство ,

Это, по сути, стандартное пространство, основное отличие состоит в том, что браузер не должен ломать (или обертывать) строку текста в точке, в которой это &nbsp; занимает.


29



&nbsp;

Это даст вам место, которое вы ищете.


14



Как уже говорили другие, $nbsp; будет выдавать символ пробела без пробела. Здесь w3 docs для &nbsp и другие ,

Однако есть другие способы сделать это, и теперь я бы предпочел использовать Таблицы стилей CSS , Есть также Учебники w3c для начинающих ,

С помощью CSS вы можете сделать это следующим образом:

<html>
    <head>
        <title>CSS test</title>
        <style type="text/css">
            p { word-spacing: 40px; }
        </style>
    </head>
    <body>
        <p>Hello World! Enough space between words, what do you think about it?</p>
    </body>
</html>

4



Тег «pre» определяет преформатированный текст. Он сохраняет как пробелы, так и разрывы строк.

<!DOCTYPE html>   
 <html>
        <body>
            <pre>This paragraph will be      pre-formatted. 
I hope this helps! 
All spaces will                    be shown as it is in the original file.
            </pre>
        </body>
 </html>

3



«Нечувствительность к пространству» - это упрощение. Более точное описание состоит в том, что последовательные символы пробелов (пробелы, табуляции, новые строки) эквивалентны одному пространству в обычном контенте.

Вы делаете пустые пробелы между словами, используя пробельные символы: «hello world». Я хочу больше места, вам следует подумать над тем, что вы делаете, поскольку в обычном текстовом контенте это не имеет смысла. Для интервала элементы , используйте CSS margin свойства.

Чтобы получить полезные примеры кода, вам необходимо описать конкретную проблему, например разметку и описание желаемого рендеринга.


2



Добавить неразрывное пространство  или реальное пространство  к вашему тексту в HTML , вы можете использовать &nbsp; символьный объект.


2



Либо используйте буквальный неразрывный символ пространства (да, вы можете его скопировать / вставить), объект HTML, или, если вы имеете дело с большим предварительно отформатированным блоком, используйте white-space Свойство CSS ,


0



Если вы ищете абзац абзаца, вы можете перейти к объявлению «text-indent» в CSS.

<!DOCTYPE html>   
 <html>
        <head>
            <style>
                p { text-indent: 50px; }
            </style>
        </head>
        <body>
            <p>This paragraph will be indented by 50px. I hope this helps! Only the first line will be indented.</p>
        </body>
    </html>

0