HTML,CSS问题。tr内的td向右溢出

HTML,CSS问题。tr内的td向右溢出,html,css,Html,Css,我一直在努力防止td溢出到tr内部的右侧。相反,我想在其内容增长时将其拆分为新行,但将整个内容保留在一个tr中 我尝试过width属性,但它似乎不起作用 我是css新手,所以我真的不知道还能做什么 我想对你来说最简单的就是申请 .comicstable table tr td { /* ... previous code... */ display: inline-block; } 当没有更多的宽度时,这将把TDs移到下一行。我认为在您的情况下,最简单的方法是应用 .comicst

我一直在努力防止td溢出到tr内部的右侧。相反,我想在其内容增长时将其拆分为新行,但将整个内容保留在一个tr中

我尝试过width属性,但它似乎不起作用

我是css新手,所以我真的不知道还能做什么


我想对你来说最简单的就是申请

.comicstable table tr td {
   /* ... previous code... */
   display: inline-block;
}

当没有更多的宽度时,这将把TDs移到下一行。

我认为在您的情况下,最简单的方法是应用

.comicstable table tr td {
   /* ... previous code... */
   display: inline-block;
}

当没有更多的宽度时,这将把TDs移到下一行。

由于表格在一行中的内容比屏幕监视器所能容纳的多,您可能需要启用滚动

您可以尝试的一个选项是为div.ComicTable容器启用滚动

.comicstable{ 溢出-x:自动; } 或者,如果要使用JavaScript手动处理滚动,请禁用溢出:

.comicstable{ 溢出x:隐藏; } 如果您希望在内容长度超过屏幕显示长度时对其进行包装,您可以尝试使用flex box

.flexbox{ 显示器:flex; 柔性包装:包装; } .flexbox>div{ 保证金:5px; }
由于表格的一行内容比屏幕监视器所能容纳的多,您可能需要启用滚动

您可以尝试的一个选项是为div.ComicTable容器启用滚动

.comicstable{ 溢出-x:自动; } 或者,如果要使用JavaScript手动处理滚动,请禁用溢出:

.comicstable{ 溢出x:隐藏; } 如果您希望在内容长度超过屏幕显示长度时对其进行包装,您可以尝试使用flex box

.flexbox{ 显示器:flex; 柔性包装:包装; } .flexbox>div{ 保证金:5px; }
如果你真的需要帮助和答案,你应该认真阅读。欢迎访问SOPlease帮助我们将您的颂歌包括在问题中,如果您确实需要帮助和答案,您应该认真阅读。欢迎访问SOPlease帮助我们在问题中加入您的颂歌