在段落中中断

Question

因此，由于某些原因，我无法在段落中创建一条折线，这样我就可以得到一条新的行。我用的是顺风和反应。

<p className="mt-3 text-base text-gray-300 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
Transform the way you interact with your customers. Collect valuable, actionable and credible feedback.</p>

所以我试过所有这些解决方案，但是我会出错。

1.

<p className="mt-3 text-base text-gray-300 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
    Transform the way you interact with your customers. <br> Collect valuable, actionable and credible feedback.</p>

1. ​

<p className="mt-3 text-base text-gray-300 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
    Transform the way you interact with your customers. <br> Collect valuable, actionable and credible feedback.</br> </p>

1. ​

<p className="mt-3 text-base text-gray-300 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
    Transform the way you interact with your customers. {"\n"} Collect valuable, actionable and credible feedback.</p>

Answer 1

与答案这里相关

每个html标记都应该关闭，记住这是jsx而不是html。每个部件都应该关闭。

<br> in jsx ->  <br/>
<input> in jsx -> <input />

你可以读到更多关于jsx的这里

Answer 2

第一个--它是正确的，只需使用一个自结束标记，这样就不会得到那个错误。

<p className="mt-3 text-base text-gray-300 sm:mt-5 sm:text-xl lg:text-lg 
xl:text-xl">
Transform the way you interact with your customers. <br/> Collect valuable, 
actionable and credible feedback.</p>

Answer 3

请在HTML中的任何标记中间使用<br>标记。所以，你可以用

标记从您想要断线的位置。守则如下：

<p className="mt-3 text-base text-gray-300 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
Transform the way you interact with your customers. <br> Collect valuable, actionable and credible feedback.</p>