Предварительный тег в HTML

#html #pre

#HTML #предварительный

Вопрос:

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

Но выходные данные 3 и 4, то есть Reason to live и Happiness, неправильно выровнены по отношению к приведенным выше кавычкам.

 <p>For me you are:</p>
<pre>
                    1.Love
                    2.Life
                    3.Reason to Live
                    4.Happiness
            </pre>

1. Я отредактировал ваш код, чтобы он был правильно отформатирован как код, можете ли вы дважды проверить, что он точно соответствует коду с вашего веб-сайта? Кстати, если вы хотите создать нумерованный список, рассмотрите возможность использования — semantic — <ol> element .

2. вы не должны полагаться на такой <pre> тег. Попробуйте немного изучить CSS. Это полезно

Ответ №1:

Я протестировал ваш код, и, похоже, он работает нормально, вы всегда можете поместить содержимое в список, подобный приведенному ниже:

 <ol>
 <li>Love</li>
 <li>Life</li>
 <li>Reason to Live</li>
 <li>Happiness</li>
</ol>

Если это не то, что вам нужно, пожалуйста, не могли бы вы показать нам, как это выглядит для вас?

1. tutorialspoint.com/online_html_editor.php Пожалуйста, проверьте, что я имею в виду. 4 и 5 точки не выровнены, почему так?

2. К сожалению, я не вижу ваш код, так как это обучающий сайт, пожалуйста, создайте ссылку на скрипку здесь jsfiddle . подключитесь и отправьте нам ссылку, когда вы ее сохраните

3. Причина, по которой он не выстраивается в линию, заключается в том, что у вас есть содержимое, заключенное в тег <center> , попробуйте поместить это в предварительный тег: style=»text-align: left;»

4. Кроме того, вы можете просто ввести содержимое в P тегов, а не помещать их в <pre> или <ol>

5. Но можете ли вы сказать мне, даже если он был заключен в центральный тег, почему это не сработало. Я имею в виду, что мы центрировали весь код, а затем применили тег <pr> , он должен работать, так как первые две точки работали правильно

Ответ №2:

Я протестировал ваш код, он работает нормально

Вы можете поделиться тем, как он отображается на вашем компьютере.

1. tutorialspoint.com/online_html_editor.php Вы можете проверить здесь , что не так ?

2. не могу увидеть ваш код, как предложил @Jenko, поделитесь ссылкой на jsfiddle или ideone

3. отредактированный код смотрите здесь jsfiddle.net/n8rwzvg5 или вы можете просто использовать версию @Jenko