gpt4 book ai didi

javascript - 我希望表格的内容使用简单的 html 和 css 动态地适应屏幕,任何人都可以帮助整理它

转载 作者:行者123 更新时间:2023-11-28 03:47:48 25 4
gpt4 key购买 nike

我想动态地将日期插入表中,但数据从屏幕溢出,因为数据将在单个字符串中,我想根据屏幕大小绑定(bind)数据。

<html>
<head>
<style>
body
{
height:100vh;
width:100vh;
overflow-x:hidden;
overflow-y:scroll;
}
</style>
</head>

<table width="100%">
<tr>
<td>
<h1>
One
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</h1>
</td>
</tr>
<tr>
<td>
<h1>two
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
</h1>
</td>
</tr>
</table>

最佳答案

如果您使用:

    word-wrap: break-word;

然后长字符串将转到下一行而不是溢出。

关于javascript - 我希望表格的内容使用简单的 html 和 css 动态地适应屏幕,任何人都可以帮助整理它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43879007/

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