Свойство grid-gap не существует в CSS

Работа над проектом ASP.NET MVC и визуальной студией не распознает разрыв сетки. Это из-за моей версии CSS в этом проекте? Я не смог найти, где это установлено, какие-либо рекомендации?

Редактировать: grid-row-gap также не распознается

Вы могли бы попробовать вместо этого использовать grid-row-gap и grid-column-gap? Сокращение может работать неправильно. Просто мысль...

Ben Davies 22.04.2018 23:03

Возможно это: blogs.msdn.microsoft.com/zainnab/2010/12/25/…

webnoob 23.04.2018 00:15

Возможно, обновите свою версию Visual Studio?

Paulie_D 23.04.2018 12:16
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
5
3
7 160
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

«grid-gap» заменен на «gap». Аналогичным образом, «grid-row-gap» и «grid-column-gap» устарели в пользу «row-gap» и «column-gap».

К сожалению, новые функции еще не распознаются Visual Studio.

См .: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap

По состоянию на май 2020 года значение grid-gap отображается в VSC как «Устаревшее».

carloswm85 04.05.2020 18:10

Я знаю, что это старый вопрос. Просто сам наткнулся на эту проблему и поэтому записал ответ здесь.

Это может быть достигнуто с помощью «пробелов столбцов» и «промежутков между строками». Код Visual Studio также распознает его по состоянию на октябрь 2020 года.

Другие вопросы по теме