zoukankan      html  css  js  c++  java
  • 网页内容自动换行


    在默认情况下网页是不自动换行的,
    如果字符很长的话,
    就会使网页变型,
    因为它是通过绝对长度来控制的,
    其实只要在表格控制中添加一句
    <td style="word-break:break-all">就OK

    完整的是
    style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"

    word-break:break-all mozilla等(包括firefox)不支持,将会在 css3 中实现。
    目前mozilla只能overflow-x:hidden 临时解决,
    或者作者在书写的时候避开这种 连续无空格英文或数字

    Sample:
    <body>
    <table width="100" border="0"><!-- 控制表格的长度来换行 -->
    <tr>
    <td width="628" style="word-break:break-all">
    //ToDoIt
    </td>
    </tr>
    </table>
    </body>

    语法:

    word-break : normal | break-all | keep-all

    参数:

    normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
    break-all : 该行为与亚洲语言的normal相同。
                也允许非亚洲语言文本行的任意字内断开。
                该值适合包含一些非亚洲文本的亚洲文本
    keep-all :  与所有非亚洲语言的normal相同。
                对于中文,韩文,日文,不允许字断开。
     适合包含少量亚洲文本的非亚洲文本

  • 相关阅读:
    IIS服务器应用程序不可用的解决办法
    C#几个经常犯错误汇总
    C1flexgrid格式化
    图片自动按比例缩小代码(防止页面被图片撑破)
    VSS2005的使用与配置过程
    ASP.NET通过IHttpModule实现伪静态
    五一游玩收藏
    plants
    几个JS的方法
    英式英语VS美式英语的差异
  • 原文地址:https://www.cnblogs.com/RuiLei/p/328799.html
Copyright © 2011-2022 走看看