zoukankan      html  css  js  c++  java
  • table中td 内容超长 自动折行 (含字母数字文字)

    <table style="100%;table-layout:fixed;"> //列宽由表格宽度和列宽度设定
    <thead>
    <th>用户名</th>
    <th>地址</th>
    </thead>
    <tbody>
    <tr>
    <td>123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdjfjj123adjdj</td>
    <td>杭州市萧山区大风车路街 胡同弄相西山风华薪胡同 里第38座楼8单元别2-808室</td>
    </tr>
    </tbody>
    </table>
    <style>
    table td{
     white-space:pre-wrap;   // 保留空白符序列,但是正常地进行换行。
     word-wrap: break-word;  //在长单词数字或 URL 地址内部进行换行
    }
    </style>
  • 相关阅读:
    qt动态加载UI文件
    Qt常见控件和操作
    MySQL
    tomcat
    linux iptables基础
    linux 网络基础
    linux CA及OpenSSL学习
    k8s 访问控制
    k8s 存储卷
    docker 安装部署
  • 原文地址:https://www.cnblogs.com/dazhangli/p/7240232.html
Copyright © 2011-2022 走看看