html让表格一行整体缩放,html - 获取指定宽度的表格行以将所有内容保持在一行上并根据需要截断一个单元格? (HTML / CSS) - 堆栈内存溢出...

我有一个包含四列的基本表(我们称它们为A,B,C,D),并且具有特定的所需宽度600px。 内容均为文本。 我想要的是按以下方式分配列宽:

AC列足够宽以适合文本而没有任何换行,也没有更宽

D列获得任何剩余的宽度,并消除所有溢出,而不是换行。

如何使用CSS完成此操作?

这是我最近得到的:

Column AColumn BColumn CColumn D

12345Some TextSome More Text

Some very long text goes here. This text is going to get cut off. It won't all fit in this cell. I hope it doesn't wrap onto a second line. That would be bad.

在这种情况下,列A,B和C的宽度与内容无关。 它给单元格留出了太多的空间来存放短文本,而留出了很少的空间来容纳长文本。 但是,它确实正确截断了列D。

我还尝试将列AC的宽度设置为1%,将列D的宽度设置为100%,但是它们都在表格的左边缘一起运行。

有什么想法可以计算宽度吗?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值