gpt4 book ai didi

css - 在表中使用 "word-wrap: break-word"

转载 作者:数据小太阳 更新时间:2023-10-29 09:07:56 26 4
gpt4 key购买 nike

<分区>

Possible Duplicate:
Word-wrap in a html table

这段文字在谷歌浏览器(和其他现代浏览器)上的表现完全符合我的要求:

<div style="border: 1px solid black; width:100%; word-wrap: break-word;">
<p>
aaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
</p>
</div>
  1. 当浏览器足够宽时,a+和b+在同一行。

    aaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
  2. 当您缩小浏览器范围时,a+ 和 b+ 会放在不同的行上。

    aaaaaaaaaaaaaaaa
    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
  3. 当 b+ 放不下时,它被打断并放在两行(总共三行)。

    aaaaaaaaaaaaaaaa
    bbbbbbbbbbbbbbbbbbbbbbbb
    bbbbbbbb

太好了。

但是,在我的情况下,这不是 div 而是 table,如下所示:

<table style="border:1px solid black; width:100%; word-wrap:break-word;">
<tr>
<td>
<p>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
</p>
</td>
</tr>
</table>

在这种情况下,#1 和#2 会发生,但不会发生#3。也就是说,表格在第 2 步之后停止缩小并且第 3 步永远不会发生。中断词似乎没有被过滤掉。

有谁知道#3 是如何发生的?该解决方案只需要在 Chrome 中工作,但它也可以在其他更好的浏览器中工作。

附言“不要使用表格”没有帮助。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com