zayzy 2022-03-16 23:24 采纳率: 94.1%
浏览 38
已结题

关于html中的table表格宽度问题

html中的table表格，不设置宽度的话，他每个表格宽度是根据内容走的。但我想让他铺满屏幕，又不设置宽度应该怎么弄啊？ 设置宽度为100%也不行。

  • 写回答

3条回答 默认 最新

  • 归来巨星 新星创作者: 前端开发技术领域 2022-03-17 08:48
    关注
    
<!--
 * @Author: your name
 * @Date: 2021-12-30 16:59:23
 * @LastEditTime: 2022-03-17 08:48:27
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: /未命名文件夹/123.html
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        padding: 0;
        margin: 0;
      }
      body {
        width: 100vw;
        height: 100vh;
      }
      table {
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <td>123</td>
        <td>456</td>
        <td>789</td>
      </tr>
      <tr>
        <td>小仙男</td>
        <td>小仙男</td>
        <td>小仙男</td>
      </tr>
      <tr>
        <td>小仙男</td>
        <td>小仙男</td>
        <td>小仙男</td>
      </tr>
    </table>
  </body>
</html>
    本回答被专家选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 前端css中table表格的属性使用
    2024-04-20 18:15
    小蜗牛764号的博客 今天学习到关于table（表格）的css属性，为了让学习更有趣以及回顾往日的学习内容，笔者除了描写关于基本的宽、高、间距...本文是在学习table表格中的css属性的同时，还结合了前面几天学到的知识transition、hover等。
  • HTML5教程-表格宽度设置，最大宽度，自动宽度
    2024-12-06 20:19
    专注编程优化20年的博客 表格的宽度是一个重要的参数，可以通过不同的方式来设置表格的宽度，本文将详细介绍HTML表格宽度的不同设置方式和示例代码。除了在HTML中直接设置表格的宽度，还可以使用CSS来设置表格的样式，包括宽度。可以使用...
  • Web前端·简单粗暴的固定table表格宽度
    2018-09-14 17:40
    AllenHUSH的博客 table表格单元格的宽度是个很玄学的东西 width固定的宽度总是不靠谱 特别是跨行或者夸列合并单元格之后 绝对不是一个width能驾驭了 参考诸多方法之后 想到了一个简单粗暴的方法 简单来说就是 首行隐藏、固定...
  • 总结html标签——table表格
    2025-06-08 15:11
    冷凌爱的博客 本文全面介绍了HTML中table标签的使用方法，从基础结构到高级应用。主要内容包括：表格的基本组成元素（thead、tbody、tr、td等）、单元格合并技巧（colspan和rowspan），以及通过CSS设置边框、悬停效果和斑马条纹等...
  • 前端HTML中的居中问题以及table表格的使用
    2022-02-17 20:15
    钱端攻城狮的博客 DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #one{ /*让自身位置居中*/ margin: 90px auto; /*让...
  • 前端学习笔记一一HTML表格标签（table）
    2024-04-22 01:15
    2401_84092068的博客 可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。所以看完之后，...
  • vue中element Table表格宽度根据显示的内容自适应
    2023-10-16 09:00
    一个两三的博客 let flexWidth = 0 //初始化表格列宽。* @param prop 每列的prop 可传''//比较占位最宽的值跟标题、标题为空的留出四个位置。//标题长内容少的，取标题的值,// 获取该列中占位最宽的内容。// 计算最宽内容的列宽。
  • 前端练习01-前端-HTML（表格）
    2023-03-25 10:56
    在"09_table 表格.html"文件中，你可能会看到上述标签和属性的实际应用。通过实践这个练习，你应该能够创建一个基本的HTML表格，并理解如何控制其布局和样式。同时，这也为学习更复杂的表格功能，如交互性、响应式...
  • HTML表格样式实现[代码]
    2025-11-18 07:09
    HTML中的table元素是用来创建表格的，它包含了表格的主体部分，可以通过thead、tbody、tfoot等子元素来分别表示表头、表体和表尾。而CSS则用于定义table及其子元素如tr（表格行）、td（表格数据单元格）的样式，如...
  • 前端学习笔记——table表格的创建Html基础
    2022-04-17 16:13
    ASDFGHjilp的博客 文章目录一、table数据表格的基础创建二、table表格的相关属性三 、table tr td属性设置 一、table数据表格的基础创建 <table> <!-- 创建表格 --> <tr> <!-- tr 表示行 --> <td>1&...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 3月28日
  • 专家已采纳回答 3月20日
  • 创建了问题 3月16日