Как использовать новый контейнер в Tailwindcss V4?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как использовать новый контейнер в Tailwindcss V4?

Сообщение Anonymous »

По сути, я хочу поместить @container класс в моем Div. Я хотел сделать это в центре и с точками останова, как это было в Tailwindcss v3, например,: написаноexport default {
theme: {
container: {
center: true,
padding: {
DEFAULT: '1rem',
sm: '2rem',
},
screens: {
'2xl': '1400px'
}
},
},
}
< /code>
Но теперь это изменилось, я попробую это: < /p>
@theme {
--breakpoint-default: initial;
--breakpoint-tablet: 40rem;
--breakpoint-laptop: 64rem;
--breakpoint-desktop: 80rem;
}
< /code>
const Header = () => {
return (


Sensei

Contact



);
};
< /code>
Тем не менее, это не работает так, как это работало, и я не знаю, что делать. Я ожидал, что он будет вести себя как контейнер (положить центр, погружения и т. Д.), Но это не работает.
Вот заголовок, но это должно быть с прокладками:


Подробнее здесь: https://stackoverflow.com/questions/796 ... windcss-v4
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»