Блог

Главная - Вопросы по программированию - Шаблон Django: два разных размера шрифта в одной строке

Шаблон Django: два разных размера шрифта в одной строке

#html #django #django-templates

Вопрос:

Я хотел бы иметь возможность отображать два разных размера шрифта в одной строке с помощью шаблона Django. По сути, я бы хотел, чтобы метки были H6, а соответствующая переменная была стандартного размера шрифта.

Вот мой код:

     <div> 
        <h5>Details</h5>
    </div>
    <div>
        <h6>Creator By:</h6> {{ order.creator }}
    </div>
    <div>
        <h6>Category:</h6> {{ order.category }}
    </div>

Это визуализация выглядит следующим образом:

Подробные сведения

Создано С Помощью:

Дженис

Категория:

Автомобильный

#############################################

Обратите внимание, что переменные переходят на новую строку. Я хотел бы отобразить их следующим образом (в той же строке):

Подробные сведения

Автор: Дженис

Категория: Автомобильная

Это просто простая ошибка, которую я сделал с HTML? Или, есть ли какой-то нюанс, который я упускаю с формой Django? Спасибо!

Ответ №1:

Это касается css, который есть у тега h6 display: block , Если вы хотите быть рядом, вы должны использовать

 <h6 style="display: inline">Creator By:</h6>

Комментарии:

1. Я не хочу, чтобы вся строка была <h6>, только надписи «Создано» и «Категория». Я бы хотел, чтобы переменная была стандартного размера шрифта.

2. @невозмутимость Я только что проверил этот ответ с помощью Django, и он работает, как и ожидалось, с пустым html-шаблоном, т. Е. <h6 style="display:inline">Creator By:</h6> {{ order.creator }}

Метки: