zoukankan      html  css  js  c++  java
  • table表格字母无法换行

    在项目中,用到的table比较多,本来布局挺好的,后来在td内写入英文字母,整个布局就乱了,会撑的很宽,不换行,后来才知道:一般字母的话会被浏览器默认是一个字符串或者说一个单词,所以不会自动换行。

    于是就需要进行设置,让表格自动换行:

    1.在td中设置样式style为word-wrap:break-word;word-break:break-all;(一般只需设置word-break:break-all,但有时候需加word-wrap:break-word ),td设置这俩样式的时候,table不需要设置fixed;; 
    2.把表格的sytle的table-layout:fixed,就是表格固定宽度,就是表格既要自适应他外面的容器,也不要撑出去,然后设置td的word-wrap:break-word;换行即可,这样设置的话,tabel会平分成两部分,所设置的不同宽度就不起作用。

    其他元素实现换行:

    强制不换行

    div{
      white-space:nowrap;
    }

    自动换行

    div{ 
      word-wrap: break-word; 
      word-break: normal; 
    }

    强制英文单词断行

    div{
      word-break:break-all;
    }
  • 相关阅读:
    oracle学习13
    oracle学习12
    oracle学习11
    oracle学习10
    CodeForces
    CodeForces
    UVA
    poj3320 Jessica's Reading Problem
    poj2456 Aggressive cows
    jQuery 鼠标滚轮插件 mousewheel
  • 原文地址:https://www.cnblogs.com/moutudou/p/7204391.html
Copyright © 2011-2022 走看看