Member 13992723 Ответов: 1

Как я могу позиционировать и выделять жирным шрифтом HTML-элементы?

В моем приложении visual basic mvc у меня есть этот код:

@<div Class="isa_success" id="bloc2">
на <i класс="Альфа-Чек Альфа"&ГТ;&ЛТ;/я и GT;
@Html.Raw("Плаката се редактира от потребител" + Model.имя пользователя + ".")
</div>
В результате я получаю зеленый прямоугольник со значком и текстом в нем вот так:
|(3spaces)значок(3spaces)текст|
Я хочу переместить иконку в левый угол и сделать "модель.Имя пользователя", чтобы быть смелым.
Вы не могли бы мне помочь?

Что я уже пробовал:

Я попытался изменить поля и отступы элемента "i", но безуспешно.

Richard Deeming 

@Html.Raw("Плаката се редактира от потребител " + Model.UserName + ".")

Похоже, это плохая идея. То Model.UserName он не будет должным образом закодирован в HTML, что может открыть ваш сайт для атаки XSS, хотя и будет работать только на том пользователе, который ее инициировал.

Почему бы не использовать: 
Плаката се редактира от потребител @(Model.UserName).

MadMyche

Это использование шрифта-потрясающе?

1 Ответов

Рейтинг:
1

MadMyche

Можно только предположить, что икона вы говорите о том, что находится внутри этого Html.Необработанная строка; и я предполагаю, что это код страницы просмотра, которую вы используете. Возможно, вы захотите обновить свой вопрос (с помощью виджета "улучшить вопрос"), чтобы добавить фактическую HTML-разметку, которая генерируется (используйте "просмотр источника" в браузере, чтобы получить ее)

Проблема, которую вы хотите исправить, кажется, больше связана с разметкой, чем с программированием. Глядя на код с точки зрения я пришел к такому выводу:
1. The <i></i> элемент не имеет в себе никакого содержания, поэтому я его устранил.
2. Попробуйте использовать основы CSS; в инъекции, в некоторых встроенных styles

Возможно, вам придется поэкспериментировать с этим, но это должно дать вам начало. Просто измените значения CSS в пределах стиль атрибут на вашем <div>

@<div Class="isa_success" id="bloc2" style="text-align: left; font-weight:900;">
     @Html.Raw("Плаката се редактира от потребител " + Model.UserName + ".")
</div>

Richard Deeming

Я подозреваю, что икона-это <i class="fa fa-check"></i> линия. Это стандартный элемент "FontAwesome". :)