為什么此處的div不換行？1、打開(kāi)vscode，創(chuàng)建角色一個(gè)測(cè)試頁(yè)面，在測(cè)試頁(yè)面中，直接添加一個(gè)寬度300px的div，同時(shí)添加div的白色邊框。此處設(shè)置且固定寬度和邊框，是替更好的演示換行與不換行符

為什么此處的div不換行？

1、打開(kāi)vscode，創(chuàng)建角色一個(gè)測(cè)試頁(yè)面，在測(cè)試頁(yè)面中，直接添加一個(gè)寬度300px的div，同時(shí)添加div的白色邊框。此處設(shè)置且固定寬度和邊框，是替更好的演示換行與不換行符。

2、在div標(biāo)簽的內(nèi)部，再添加一些測(cè)量的文字，這些文字這個(gè)可以你隨便直接添加，僅僅只是因?yàn)橛^摩而已。文字不要太少，起碼要占據(jù)兩行的空間。

3、在瀏覽器中可以打開(kāi)測(cè)試頁(yè)面，可以清晰的看到系統(tǒng)默認(rèn)div內(nèi)部的文字就自動(dòng)出現(xiàn)換行符了。并且，在還沒(méi)有設(shè)置噬靈鬼斬不換行符的情況下，讓其自動(dòng)啟動(dòng)換行符，不需要額外的設(shè)置。

4、如果是想div內(nèi)部的文字強(qiáng)制不換行，使用下面這個(gè)css樣式去掉。white-space:nowrap。

5、在瀏覽器中，又一次打開(kāi)測(cè)試頁(yè)面可以清晰的看到，div內(nèi)部的文字滿(mǎn)沒(méi)有換行了，并且占用的寬度巳經(jīng)超過(guò)了div模式設(shè)置的寬度了。

6、上面的效果，文字可是強(qiáng)制沒(méi)有換行了。但應(yīng)該不太絕對(duì)好看，假如打算讓文字在div的寬度內(nèi)強(qiáng)制不換行符，遠(yuǎn)遠(yuǎn)超過(guò)的內(nèi)容不使用滾動(dòng)條，就再算上一個(gè)樣式。

7、在瀏覽器中再次可以打開(kāi)測(cè)試3頁(yè)面，就能注意到文字就沒(méi)最多div預(yù)設(shè)的寬度了，也沒(méi)有換行，div寬度沒(méi)顯示太差的文字，不自動(dòng)有了滾動(dòng)條。

web行距怎么設(shè)置？

1、再打開(kāi)vscode，創(chuàng)建家族一個(gè)H5規(guī)范的要求的頁(yè)面，主要是用于演示html行間距的設(shè)置。

2、在頁(yè)面中直接添加一個(gè)div，設(shè)置寬度為300，就是為了讓div中的文字換行，最大限度地可以設(shè)置行高

3、在瀏覽器中再打開(kāi)頁(yè)面，看的到設(shè)置為的文字間距。

4、如果沒(méi)有想將行間距增大，那你可以在div標(biāo)簽中的style屬性中直接添加line-height屬性值

5、在瀏覽器中先打開(kāi)頁(yè)面，此時(shí)就可以清晰的看到文字間距變大了