目錄
- 1.修改前的代碼:
- 2.修改后的代碼
- 3.總結
在HTML文檔中,如何要在(p標簽)內寫一段很長的文本段落,并且沒有
換行。由于IDE或者編輯器界面大小有限或需要在vue中邏輯處理動態顯示文本,一行寫完太長,中間需要回車換一行。這時候瀏覽器顯示的文檔中就會出現一個空格。
附完美解決方案:
1.修改前的代碼:
- 可以從代碼中看到p標簽中進行了編輯器的換行,在頁面上p標簽文本內容顯示的效果中每一個換行都出現了空格。
<p>測試庫紀念碑谷開始那個困哪刷卡個<span v-for="(item, index) in 10" :key="index">如果</span>13213213這里編輯器也換行策劃四u供貨華編輯器換行</p>
- 頁面中的顯示效果:
2.修改后的代碼
- 修改后的代碼:
<p><span>測試庫紀念碑谷開始那個困哪刷卡個</span><span v-for="(item, index) in 10" :key="index"><span>如果</span></span><span>13213213這里編輯器也換行</span><span>策劃四u供貨華編輯器換行</span>
</p>
- 修改后的頁面效果:
3.總結
我們只需要在每次編輯器換行后的文本用span標簽包裹,空格就去除了,問題完美解決。