zoukankan      html  css  js  c++  java
  • Vue v-html换行处理

    v-html输出一段 html代码,可能 ‘ ’ 等换行字符失效

    此时要加个css 
    white-space: pre-wrap; 就能成功换行

    normal
    连续的空白符会被合并,换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。
    nowrap
    和 normal 一样,连续的空白符会被合并。但文本内的换行无效。
    pre
    连续的空白符会被保留。在遇到换行符或者
    元素时才会换行。
    pre-wrap
    连续的空白符会被保留。在遇到换行符或者
    元素,或者需要为了填充「行框盒子(line boxes)」时才会换行。
    pre-line
    连续的空白符会被合并。在遇到换行符或者
    元素,或者需要为了填充「行框盒子(line boxes)」时会换行。
    break-spaces
    与 pre-wrap的行为相同,除了:

    任何保留的空白序列总是占用空间,包括在行尾。
    每个保留的空格字符后都存在换行机会,包括空格字符之间。
    这样保留的空间占用空间而不会挂起,从而影响盒子的固有尺寸(最小内容大小和最大内容大小)。

  • 相关阅读:
    Leetcode Binary Tree Preorder Traversal
    Leetcode Minimum Depth of Binary Tree
    Leetcode 148. Sort List
    Leetcode 61. Rotate List
    Leetcode 86. Partition List
    Leetcode 21. Merge Two Sorted Lists
    Leetcode 143. Reorder List
    J2EE项目应用开发过程中的易错点
    JNDI初认识
    奔腾的代码
  • 原文地址:https://www.cnblogs.com/benbonben/p/15102411.html
Copyright © 2011-2022 走看看