vue中v-html識別\n換行

在這裏插入圖片描述
如果需要合併空格可以使用:
在這裏插入圖片描述

附:white-space屬性(來源於MDN)

normal
連續的空白符會被合併,換行符會被當作空白符來處理。換行在填充「行框盒子(line boxes)」時是必要。
nowrap
和 normal 一樣,連續的空白符會被合併。但文本內的換行無效。
pre
連續的空白符會被保留。在遇到換行符或者
元素時纔會換行。
pre-wrap
連續的空白符會被保留。在遇到換行符或者
元素,或者需要爲了填充「行框盒子(line boxes)」時纔會換行。
pre-line
連續的空白符會被合併。在遇到換行符或者
元素,或者需要爲了填充「行框盒子(line boxes)」時會換行。
break-spaces
與 pre-wrap的行爲相同,除了:

  • 任何保留的空白序列總是佔用空間,包括在行尾。
  • 每個保留的空格字符後都存在換行機會,包括空格字符之間。
  • 這樣保留的空間佔用空間而不會掛起,從而影響盒子的固有尺寸(最小內容大小和最大內容大小)。
    在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章