Code Monkey home page Code Monkey logo

Comments (2)

MMmaXingXing avatar MMmaXingXing commented on June 17, 2024
word-break

作用: 自动换行的处理方法 针对英文类单词字符 中文日文无效
属性:

  • normal (浏览器默认换行方法)
  • break-all(任何地方都可换行)
  • keep-all(半角连接符处换行)
word-wrap

作用: 单词URL是否换行
属性:

  • mormal(浏览器默认 只在允许的断字点换行)
  • break-word(在长单词或url内部换行)
white-space

作用: 段落中文本的显示格式
属性:

  • normal(空白 会被浏览器忽略)
  • nowrap(强制不换行)
  • pre-line(合并空白符 保留换行)
  • pre-wrap(保留空白符 正常换行(实测换行))
  • pre(按照书写的正常输出 保留换行 类似<pre/>标签)
  • inherit(继承父元素)

from daily.

GenXiaoLe avatar GenXiaoLe commented on June 17, 2024
  • word-break
    作用: 主要是用来控制如何在盒子中将单词断句。
    属性: normal 使用浏览器默认的断句规则;break-all 允许在单词内换行;keep-all 允许在半角字符和连字符处换行。
  • word-wrap
    作用: 主要是表明是否要在盒子中将单词断句。
    属性: normal 只允许在断点字换行; break-word 在长单词或者url地址内部换行。
  • white-space
    作用: 主要用来控制空白符。
    属性: normal 空白符会被忽略;pre 空白会被浏览器保留;nowrap 文本不会换行,直到遇到br标签为止;pre-wrap 保留空白符序列,但是会正常换行;pre-line 合并空白符,但是会保留换行符;inherit 从符元素继承 white-space 的值。

from daily.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.