V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 1849 days ago, the information mentioned may be changed or developed.
不太会前端的东西，float 也试过了，感觉不好使。
问题：当某列的内容宽度小于列宽度时，按列宽度显示，怎么做？
例，如下面的 2 个表格里，以表格 1 的列宽度为基准，让表格 2 的 ab 列宽等于表格 1 的列宽（对齐），c 列自动拓展
| A | B | C | D |
|---|---|---|---|
| 1 | 2 | 3 | 4 |
| A | B | c |
|---|---|---|
| 1 | 2 | 3 |
想这么做是因为有的表格只有 2 列，2 列的表格间距会非常大，看起来很辛苦。如果限定表格的整体大小，那好像也不太好看，一坨大一坨小的
Supplement 1 · Apr 16, 2021
问题已经解决了
Supplement 2 · Apr 16, 2021
感谢大家
 |
1
sugarsalt Apr 16, 2021
css grid layout
|
 |
2
milkzizi Apr 16, 2021
上 JS 吧 计算每列的宽度，给他设置上 width
|
 |
3
MaxJin Apr 16, 2021
grid 布局了解下
|
 |
4
tomcats Apr 16, 2021
跨列 colspan="2"
|
 |
5
zkl2333 Apr 16, 2021
|
 |
7
Rocketer Apr 17, 2021 via iPhone
现在很少用 table 了，多数时候你看到的表格其实是 div 拼出来的。
为什么要这么做？因为 css 可以随便调整 div 的位置，无需改 html 代码就能变换布局。 你这个需求用 flex 布局就很容易实现，把表 2 的第三列设为 flex-grow:1 就行了 |
Select Language