这个类接受很多 Tailwind CSS 中的值，其中所有的属性都以类的形式覆盖。它是 CSS max-width 属性的替代品。此类用于定义元素的最大宽度。 width 的值不能大于max-width的值。如果元素中指定的内容更大，则max-width保持指定的最大宽度。
在这个类中，我们将看到一个新的 CSS 属性表示，即 Prose 类。它已被用于具有最佳阅读宽度。如果您熟悉“排版插件”，那么您可以猜到这个类的工作原理。
最大宽度类：
- max-w-0：该类用于设置屏幕宽度为max-width: 0rem 。
- max-w-none：该类用于设置屏幕宽度为max-width: none 。
- max-w-xs：该类用于设置屏幕宽度为max-width: 20rem 。
- max-w-sm：该类用于设置屏幕宽度为max-width: 24rem 。
- max-w-md：该类用于设置屏幕宽度为max-width: 28rem 。
- max-w-lg：该类用于设置屏幕宽度为max-width: 32rem 。
- max-w-xl：该类用于设置屏幕宽度为max-width: 36rem 。
- max-w-2xl：该类用于设置屏幕宽度为max-width: 42rem ；
- max-w-3xl：该类用于设置屏幕宽度为max-width: 48rem 。
- max-w-4xl：该类用于设置屏幕宽度为max-width: 56rem 。
- max-w-5xl：该类用于将屏幕宽度设置为max-width: 64rem 。
- max-w-6xl：该类用于将屏幕宽度设置为max-width: 72rem 。
- max-w-7xl：该类用于将屏幕宽度设置为max-width: 80rem 。
- max-w-full：该类用于设置屏幕宽度为max-width: 100% 。
- max-w-min：该类用于设置屏幕宽度为max-width: min-content 。
- max-w-max：该类用于设置屏幕宽度为max-width: max-content 。
- max-w-prose：该类用于设置屏幕宽度为max-width: 65ch 。
- max-w-screen-sm：该类用于设置屏幕宽度为max-width: 640px 。
- max-w-screen-md：该类用于设置屏幕宽度为max-width: 768px 。
- max-w-screen-lg：该类用于设置屏幕宽度为max-width: 1024px 。
- max-w-screen-xl：该类用于设置屏幕宽度为max-width: 1280px 。
- max-w-screen-2xl：该类用于设置屏幕宽度为max-width: 1536px 。
句法：
... 例子：
HTML
GeeksforGeeks
Tailwind CSS Max-Width Class
max-w-xs
max-w-md
max-w-lg
max-w-xl
max-w-2xl
max-w-max