Как уместить кроссбраузерную поддержку в одну строку?

Для умещения кроссбраузерной поддержки в одну строку в CSS можно использовать так называемые вендорные префиксы, которые помогут стилям корректно отображаться в различных браузерах. Вот пример того, как можно уместить кроссбраузерную поддержку в одну строку с использованием вендорных префиксов:

.example {
    display: -webkit-flex; /* Safari, Chrome, Opera */
    display: -ms-flexbox; /* Internet Explorer */
    display: flex; /* Стандартный синтаксис */
}

В данном примере мы определяем стиль для класса .example, устанавливая ему отображение flexbox. При этом мы используем вендорные префиксы -webkit- для Safari, Chrome, Opera и -ms- для Internet Explorer, а также стандартный синтаксис без префиксов. Таким образом, браузеры будут использовать соответствующий префикс в зависимости от своей поддержки CSS.

Использование вендорных префиксов в CSS поможет обеспечить совместимость стилей с различными браузерами и обеспечить правильное отображение веб-страницы везде, где ее откроют.