zoukankan      html  css  js  c++  java
  • <td style="word-break:break-all"> 在html中控制自动换行

    在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>
  • 相关阅读:
    JavaScript DOM 选择器 querySelector
    JavaScript call()函数的应用
    flex布局中 align-items 和 align-content的区别
    移动端WEB
    触发器与存储过程
    游标
    触发器---存储过程---存储函数
    mysql中check无效
    mysql唯一性约束和索引
    分页查询
  • 原文地址:https://www.cnblogs.com/rwh871212/p/5434842.html
Copyright © 2011-2022 走看看