zoukankan      html  css  js  c++  java
  • 在DIV中自己主动换行

    word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自己主动换行。



    它们的差别就在于:

    1,word-break:break-all 比如div宽200px,它的内容就会到200px自己主动换行,假设该行末端有个英文单词非常长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了。



    2。word-wrap:break-word 样例与上面一样,但差别就是它会把congratulation整个单词看成一个总体,假设该行末端宽度不够显示整个单词,它会自己主动把整个单词放到下一行,而不会把单词截断掉的。



    3。word-break;break-all 支持版本号:IE5以上 该行为与亚洲语言的 normal 同样。也同意非亚洲语言文本行的随意字内断开。该值适合包括一些非亚洲文本的亚洲文本。 WORD-WRAP:break-word 支持版本号:IE5.5以上 内容将在边界内换行。假设须要,词内换行( word-break )也将发生。表格自己主动换行,避免撑开。 word-break : normal | break-all | keep-all 參数: normal : 按照亚洲语言和非亚洲语言的文本规则,同意在字内换行 break-all : 该行为与亚洲语言的normal同样。也同意非亚洲语言文本行的随意字内断开。该值适合包括一些非亚洲文本的亚洲文本 keep-all : 与全部非亚洲语言的normal同样。对于中文。韩文,日文,不同意字断开。适合包括少量亚洲文本的非亚洲文本 语法: word-wrap : normal | break-word 參数: normal : 同意内容顶开指定的容器边界 break-word : 内容将在边界内换行。假设须要。词内换行(word-break)也行发生说明:设置或检索当当前行超过指定容器的边界时是否断开转行。



    相应的脚本特性为wordWrap。请參阅我编写的其它书目。 语法: table-layout : auto | fixed 參数: auto : 默认的自己主动算法。布局将基于各单元格的内容。

    表格在每一单元格读取计算之后才会显示出来。

    速度非常慢 fixed : 固定布局的算法。在这算法中,水平布局是只基于表格的宽度。表格边框的宽度。单元格间距,列的宽度。而和表格内容无关说明:设置或检索表格的布局算法。相应的脚本特性为tableLayout。



    例:

    .word_break {float:left;200px;margin:10px;padding:10px;font-size:16px;font-family:simsun;border:1px solid #242424;zoom:1;
    word-break:break-all;
    
    }


  • 相关阅读:
    python_day25_私有变量(在变量前加两个下划线即可)_私有方法_静态方法_
    python的切片操作
    python_静态字段_普通字段_静态方法@staticmethod__静态类@classmethod_属性@property、@per.setter、@per.deleter
    python_class_类_对象_自己改编的一个选英雄的小程序
    python_类_方法_对象_实际应用
    python_day24_class_类_继承
    python_day24_class_类_方法_对象
    python_day不知道_json方法存字典中的内容到文本中
    python_dayo20_if __name__ == '__main__':的学习
    python_day20_自己定义模块和模块的调用_包(Package)以及包之间的调用
  • 原文地址:https://www.cnblogs.com/brucemengbm/p/6820142.html
Copyright © 2011-2022 走看看