zoukankan      html  css  js  c++  java
  • TABLE自动换行

    TABLE自动换行:

    数字和英文的时候,TABLE中的TD就会被拉长,不会自动换行了。全角的时候是可以的。

    解决方法是

    添加<td style="word-break:break-all">

    用表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:
    总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。


    table{table-layout: fixed;}
    td{word-break: break-all; word-wrap:break-word;}


    注释一下:
    1.第一条table{table-layout: fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。


    2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。

     ---------------------------------------------------
    不想自动换行,参考一下代码:
    <nobr>asdfsdfsdfsafdasd</nobr>

    前端小菜。。。
    努力成为大菜!
  • 相关阅读:
    delphi XE8 for android ----一个无意闯入的世界
    不能Ping和telnet的
    syslog-ng内容讲解
    《信息安全系统设计与实现》学习笔记7
    缓冲区溢出实验
    2.3.1测试
    鲲鹏服务器测试
    cat userlist
    需求分析
    《信息安全系统设计与实现》学习笔记5
  • 原文地址:https://www.cnblogs.com/chengj/p/2001822.html
Copyright © 2011-2022 走看看