zoukankan      html  css  js  c++  java
  • 在html中控制自动换行

     

     

    其实只要在表格控制中添加一句
    <td style="word-break:break-all">就搞定了。
    其中可能对英文换行可能会分开一个单词问题:解决如下:
    语法: 

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

    参数: 

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

    <br>是软回车,就是换行后还是紧接着上一行,没有</br> 
    <p>是段落标签,由于例如居中、缩进等标签都是以段落为单位的,所以它可比<br>有更多作用,但每次换行都会多空一行,有</p> 

    除此之外,例如表格、表单、水平线等都是强制换行,就是紧接着的标签前无论有没有换行标签,都强制换行。

    <html>
    <head>
    <title></title>
    <meta content='text/html; charset=gb2312' http-equiv='Content-Type'>
    </head>
    <body bgcolor=#f5f5ff>
    <pre>
    <font size=2 face=宋体>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all">
    <tr>
    <td style="WORD-BREAK: break-all; WORD-WRAP: break-word">
    文本正文
    </td>
    </tr>
    </table>
    </pre>
    </FONT>
    </body>
    </html>

  • 相关阅读:
    变焦与对焦的区别
    教你在Zuul中增加Filter过滤请求
    FEIGN开启对HYSTRIX支持
    Feign使用Hystrix
    Spring Boot中使用Redis小结
    Spring 中的事件机制 ApplicationEventPublisher
    SpringBoot+EasyExcel实现Excel的导出
    SpringBoot–集成验证码kaptcha实现验证码功能
    Spring Cloud使用Feign调用服务接口
    Spring cloud ReadTimeout 问题解决
  • 原文地址:https://www.cnblogs.com/zqr99/p/7479400.html
Copyright © 2011-2022 走看看