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

為什么此處的div不換行？

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

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

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

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

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

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

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

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

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

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

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

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

5、在瀏覽器中先打開頁面，此時就可以清晰的看到文字間距變大了