Вариант очистки разделителя Semantic-UI

Опубликовано: 14 Августа, 2022

Semantic UI — это бесплатная среда разработки интерфейса с открытым исходным кодом, оснащенная предварительно созданными семантическими компонентами, которые помогают создавать адаптивные макеты с использованием удобного HTML. Он использует предопределенные CSS и jQuery для включения различных фреймворков.

Semantic-UI Divider используется для создания разделителя между двумя элементами, это предлагает нам 3 типа разделителя с 5 вариантами: инвертированный, встроенный, раздел, очистка и скрытый. В этой статье мы узнаем о Варианте Клиринга

Разделитель Semantic-UI Divider Variations Clearing Variant Class:

  • очистка: этот класс используется для очистки содержимого над ним.

Синтаксис:

<div class="ui segment">
  <h2 class="ui right floated header">.....</h2>
  <div class="ui clearing divider"></div>
  ....
</div>

Пример ниже иллюстрирует вариант очистки вариантов разделителя Semantic-UI:

Пример 1: В следующем примере демонстрируется вариант клирингового разделителя с левым плавающим заголовком .

Выход:

Пример 2: В приведенном ниже коде мы видим немного другой пример, мы можем видеть вариант очищающего разделителя с использованием вертикального разделителя, который делит две секции на секционные вертикальные секции.

Выход:

Ссылка: https://semantic-ui.com/elements/divider.html#clearing