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

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

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

Ответы

Ответ 1

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

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

Ответ 2

&nbsp;

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

Ответ 3

Как уже говорили другие, $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>

Ответ 5

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

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

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

Ответ 6

Чтобы добавить неиспользуемое пространство или реальное пространство в текст в html, вы можете использовать символ символа &nbsp;.

Ответ 7

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

Ответ 8

Если вы ищете абзац абзаца, вы можете перейти к объявлению "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>

Ответ 9

Если вы хотите оставить пустое место в HTML, а при редактировании веб-сайта просто используйте <br /> и скопируйте его в конец последнего и продолжайте так, пока у вас не будет достаточно места. Надеюсь, что это поможет.