v-html輸出一段 html代碼,可能 ‘\n’ 等換行字符失效
此時要加個css
white-space: pre-wrap; 就能成功換行
normal
連續的空白符會被合並,換行符會被當作空白符來處理。換行在填充「行框盒子(line boxes)」時是必要。
nowrap
和 normal 一樣,連續的空白符會被合並。但文本內的換行無效。
pre
連續的空白符會被保留。在遇到換行符或者
元素時才會換行。
pre-wrap
連續的空白符會被保留。在遇到換行符或者
元素,或者需要為了填充「行框盒子(line boxes)」時才會換行。
pre-line
連續的空白符會被合並。在遇到換行符或者
元素,或者需要為了填充「行框盒子(line boxes)」時會換行。
break-spaces
與 pre-wrap的行為相同,除了:
任何保留的空白序列總是占用空間,包括在行尾。
每個保留的空格字符后都存在換行機會,包括空格字符之間。
這樣保留的空間占用空間而不會掛起,從而影響盒子的固有尺寸(最小內容大小和最大內容大小)。