Html Table 固定或自定义列宽度

简介: Html Table 固定或自定义列宽度
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    td {
      white-space: nowrap;
      overflow: hidden;
      width: 200px;
    }
    table {
      table-layout: fixed;
    }
  </style>
</head>
<body>
  <table bgcolor="green" width="100%">
    <tr bgcolor="white">
        <td>123121212121212121212121212</td>
        <td>123</td>
        <td>123</td>
        <td>123</td>
    </tr>
    <tr bgcolor="white">
        <td>123123123123123123123123123123123123123123123123123123123</td>
        <td>123</td>
        <td>123</td>
        <td>123</td>
    </tr>
    <tr bgcolor="white">
        <td>123</td>
        <td>123</td>
        <td>123</td>
        <td>123</td>
    </tr>
    <tr bgcolor="white">
        <td>345</td>
        <td>345</td>
        <td>345</td>
        <td>345</td>
    </tr>
  </table>
</body>
</html>
  • demo 效果

相关文章
|
JavaScript
自定义全能搜索HTML源码
自定义全能搜索HTML源码
264 1
自定义全能搜索HTML源码
|
移动开发 HTML5 容器
【基于HTML5的网页设计及应用】——固定宽度布局
【基于HTML5的网页设计及应用】——固定宽度布局
|
敏捷开发
【sgCreateTableColumn】自定义小工具:敏捷开发→自动化生成表格列html代码(表格列生成工具)[基于el-table-column]
【sgCreateTableColumn】自定义小工具:敏捷开发→自动化生成表格列html代码(表格列生成工具)[基于el-table-column]
利用html2canvas插件自定义生成名片信息并保存图片
这是一个利用html2canvas插件自定义生成名片信息并保存图片,自定义上传头像,自定义输入个人信息内容,自定义图片名称,并将生成的图片保存到本地
260 1
利用html2canvas插件自定义生成名片信息并保存图片
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
617 12
|
移动开发 前端开发 JavaScript
Twaver-HTML5基础学习(10)嵌入Table
本文介绍了如何在Twaver HTML5中嵌入表格(Table),并设置表格的列(Column)和样式。通过示例代码展示了如何在React组件中创建表格并添加数据,以及如何通过样式设置表格元素的颜色。
239 2
Twaver-HTML5基础学习(10)嵌入Table
|
数据安全/隐私保护
自定义密码访问跳转页面HTML源码
自定义密码访问跳转页面HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
351 1
自定义密码访问跳转页面HTML源码
|
前端开发
Twaver-HTML5基础学习(28)工具条(添加自定义按钮_自定义事件)
这篇文章介绍了如何在Twaver-HTML5中创建工具条,添加自定义按钮,并绑定自定义事件,包括放大、缩小、占满屏幕和重置画布大小的功能。
253 11
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
433 2
|
数据安全/隐私保护
自定义密码访问单页HTML源码
自定义密码访问单页HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
320 1