如何用Tailwind CSS在移动端忽略<br/>强制换行？

你可以直接给<br/>标签添加Tailwind的响应式类，实现移动端不生效、大屏幕正常换行的效果，完全不需要重复代码，对SEO也没有影响：

修改后的代码如下：

<h2>
  Where ever you go <br class="hidden md:block" /> i am there.
</h2>

原理很简单：

• hidden类让<br/>在默认的移动端屏幕下设置为display: none，不会触发强制换行
• md:block类会在屏幕宽度达到Tailwind默认的中等断点（768px）及以上时，将<br/>恢复为display: block，正常生效换行

这样既保留了单一的标题内容，避免了代码重复，搜索引擎也能抓取到完整的文本内容，不会影响SEO。

内容的提问来源于stack exchange，提问作者Harsha M V