html%3ctd%3e文本自动换行,如何在表格中自动换行一列,并将表格大小设置为浏览器窗口...

我有一个带有3个“组”的HTML表格,左侧,中间和右侧。如何在表格中自动换行一列,并将表格大小设置为浏览器窗口

+----------------------------------+

| L-1 | L-2 | M | R1 | R2 |

+-----+-----+------------+----+----+

| x | z | aaaaaaa... | 1 | 2 |

| y | w | bbbbbbb... | 3 | 4 |

+-----+-----+------------+----+----+

我想将表限制在浏览器窗口的宽度,当中间(“M”)列中有一个非常长的字符串。

我试图在此列上使用CSS word-break,如wordwrap a very long string中所述。

下面是HTML(例示)。 CSS包含了我对这个应该如何(但显然不起作用)的想法。

我在做什么错?

table { /* nothing here - table is block, so should auto expand to as large as it can get without causing scrollbars? */ }

.left { text-align:center; }

.right { text-align:right; }

.middle { text-align:left; width:100%; /* expand this column to as large as it can get within table? */}

.wrap { word-wrap:break-word; width:100%; /* use up entire cell this div is contained in? */ }

L-1L-2MR-1R-2
arglebargle
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
glypglof

,现在的结果是,没有单词环绕发生,而不是表不必要地拍摄出最右侧,并导致在浏览器窗口滚动条。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值