html中的table表格,不设置宽度的话,他每个表格宽度是根据内容走的。但我想让他铺满屏幕,又不设置宽度应该怎么弄啊? 设置宽度为100%也不行。
<!--
* @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>
我用#CSDN#这个app发现了有技术含量的博客,小伙伴们求同去《如何让table占据整个屏幕》, 一起来围观吧 https://blog.csdn.net/liguoying521/article/details/84508164?utm_source=app&app_version=4.10.0
table宽度100%是根据父元素的的宽度走的,table的父元素也要设置100%