zoukankan      html  css  js  c++  java
  • table中强制不换行

    table{100%;border:1px solid #999;}
    table td{word-break: keep-all;}
     

     这在IE下可以用,但是在FireFox和Chrome下是无法达到预期效果的。

    需要使用 white-space:nowrap;

    table{100%;border:1px solid #999;}
    table td{word-break: keep-all;white-space:nowrap;}

    例如l:lovelovelovelovelovelovelovelovelovelovelovelove这样的,于是乎,我们的td就被无情的撑开了,无法换行,⊙﹏⊙

    解决方案:

    一般有两种:就是td里面再套一个div,然后设置这个div的word-break:all,或者什么,网上很多

    第二种是针对表格:首先要将table的宽度设置为100%,然后把表格的sytle的table-layout:fixed,就是表格固定宽度,就是表格即要自适应他外面的容器,也不要撑出去,然后设置td的word-wrap:break-word;换行,问题就解决了。 

  • 相关阅读:
    mysql 导入excel 或 .csv
    导出Excel
    jQuery.ajax
    在web项目中配置log4j
    数据分析入门
    jdbc的配置(更新中)
    Maven中项目的启动
    Maven中的配置文件
    Maven的插件管理
    Maven的依赖管理
  • 原文地址:https://www.cnblogs.com/Echo529/p/6378363.html
Copyright © 2011-2022 走看看