zoukankan      html  css  js  c++  java
  • 每天一个css word-break word-wrap white-space

    word-break :用于规定文字自动换行的处理办法。(css3中出的)

    可选属性:normal:表示按照浏览器的默认处理方式进行

           break-all:允许在单词内换行,是超过边界后自动换行

           keep-all:只能在半角空格或连字符处(-)换行

    word-wrap:用于处理单词内换行

    可选属性:normal:只在允许允许的断字点处换行

           break-word:在长单词或 URL 地址内部进行换行。注意此换行方式是长单词如果在上一行空间不够时会另起一行,然后如果长度不够再换行。而word-break:break-all是长单词如果在上一行空间不够直接换行

    white-space 属性设置如何处理元素内的空白。

    可选属性:

    normal 默认。空白会被浏览器忽略。
    pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
    nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
    pre-wrap 保留空白符序列,但是正常地进行换行。
    pre-line 合并空白符序列,但是保留换行符。
    inherit 规定应该从父元素继承 white-space 属性的值。

            

  • 相关阅读:
    uniapp 检测android 是否开启GPS功能
    uniapp 使用$emit、$once 跨页面传值,数据改变,页面却不刷新(原创)
    根据输入关键字过滤数组列表(列表搜索功能)
    学习函数指针的笔记
    学习C++中指针和引用的区别
    学习Iterator笔记
    HTML5基础
    java错题集
    幸运抽奖
    吃货联盟
  • 原文地址:https://www.cnblogs.com/lifeisshort/p/4830458.html
Copyright © 2011-2022 走看看