如何更改 Ruby on Rails 上安装 TailwindCSS 生成的默认 <main> 元素？-解网

问：

显然，如果在Ruby on Rails上安装TailwindCSS，这将生成一个带有一系列类的html元素，这些类以一种非常奇怪的方式将您在应用程序中的所有视图集中起来。

<main class="container mx-auto mt-28 px-5 flex">

在安装 TailwindCSS 后，上述元素会出现在每个视图中。自定义/删除此元素的最佳方法是什么？

如果有人也能解释他们为什么选择生成这个元素，也将不胜感激。在他们的 github 上，有人创建了一个关于这个问题的问题，但他们的回应对我来说不是很清楚：“添加是为了集中内容”。谢谢。

HTML Ruby-on-Rails Tailwind-CSS ERB

真的不知道这里有什么问题，main 标签有一个清晰的语义，传统上人们会有一个“容器”或“内容”div 之类的东西，但现在他们可以使用它来代替，Rails 添加它是为了给一个顶级标签来设置/包含页面的主要内容，随意重新设计它，或者，如果不需要，请将其删除。main

谢谢你的回答。问题是 Tailwind 安装生成了您可以在上面的 html 代码片段中看到的类。作为一个新手，我的问题是找到<main>元素所在的位置，但我也很好奇为什么 Tailwind 有这种方法，以及应用 28 的顶部边距有什么意义，因为它看起来很奇怪，特别是如果应用程序已经部分开发。

0赞 smathy 8/5/2023

只是 tailwindcss-rails 作者的开发选择

如何更改 Ruby on Rails 上安装 TailwindCSS 生成的默认 <main> 元素？