Day26--Bootstrap&CSS文字排版&样式(4)

• 对元素设置white-space:normal可将连续空白字元合并成一个，在超过容器宽度时或碰到<br>标签时会换行。

<p class="p-1 border border-danger text-justify" style="white-space: normal;">Ambitioni      dedisse      scripsisse      iudicaretur.Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</p>

• 对元素设置white-space:pre可将连续空白字元保留，碰到换行字元或<br>标签时会换行，效果等同<pre>标签。

<p class="p-1 border border-danger text-justify" style="white-space: pre;">Ambitioni      dedisse      scripsisse      iudicaretur.<br> Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</p>

• 对元素设置white-space:nowrap可将连续空白字元合并成一个，只有碰到<br>标签时会换行。

<p class="p-1 border border-danger text-justify" style="white-space: nowrap;">Ambitioni      dedisse      scripsisse      iudicaretur.<br>Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</p>

• 对元素设置white-space:pre-wrap可将连续空白字元保留，在超过容器宽度时或碰到<br>标签或换行字元时会换行。

<p class="p-1 border border-danger text-justify" style="white-space: pre-wrap;">Ambitioni      dedisse      scripsisse      iudicaretur.<br>Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</p>

• 对元素设置white-space:pre-line可将连续空白字元合并成一个，在超过容器宽度时或碰到<br>标签或换行字元时会换行。

<p class="p-1 border border-danger text-justify" style="white-space: pre-line;">Ambitioni      dedisse      scripsisse      iudicaretur.<br>Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</p>