Jquery 它'；当表格单元格太长时，有什么方法可以减少它？

我正在开发一个日历，我需要在一周中的某些日子（表格的单元格）编写事件（文本）。 问题是当单元格中的文本非常大时，单元格会相应增加

我需要固定大小的单元格和固定大小的事件（带文本的div）。 代码：

表格{
字体大小：0.875rem；
字体大小：400；
线高：1.5；
方向：ltr；
文本对齐：居中！重要；
颜色：#6c757d！重要；
框大小：边框框；
边界塌陷：塌陷；
宽度：100%；
边缘底部：1rem；
背景色：透明；
边框：1px实心#dee2e6；
表布局：固定；
}
.活动时间表{
宽度：100%；
线高：正常；
}

周一
星期二
结婚
清华大学
星期五
坐
太阳
1.
主题：[00000111]Audion Y LENGUAJE/LOGOPEDIA


时间：02:00


致：05:33

一个选项是将文本包装在

td

内的

div

中，并给它一个固定的

高度

以及

溢出-y:auto通过滚动可访问溢出内容：


表格{
字体大小：0.875rem；
字体大小：400；
线高：1.5；
方向：ltr；
文本对齐：居中！重要；
颜色：#6c757d！重要；
框大小：边框框；
边界塌陷：塌陷；
宽度：100%；
边缘底部：1rem；
背景色：透明；
边框：1px实心#dee2e6；
表布局：固定；
}
.活动时间表{
宽度：100%；
线高：正常；
最大高度：2em；
溢出y：滚动；
}

周一
星期二
结婚
清华大学
星期五
坐
太阳
1.
主题：[00000111]Audion Y LENGUAJE/LOGOPEDIA


时间：02:00


致：05:33


一个选项是将文本包装在
td
内的
div
中，并给它一个固定的
高度
以及
溢出-y:auto通过滚动可访问溢出内容：


表格{
字体大小：0.875rem；
字体大小：400；
线高：1.5；
方向：ltr；
文本对齐：居中！重要；
颜色：#6c757d！重要；
框大小：边框框；
边界塌陷：塌陷；
宽度：100%；
边缘底部：1rem；
背景色：透明；
边框：1px实心#dee2e6；
表布局：固定；
}
.活动时间表{
宽度：100%；
线高：正常；
最大高度：2em；
溢出y：滚动；
}

周一
星期二
结婚
清华大学
星期五
坐
太阳
1.
主题：[00000111]Audion Y LENGUAJE/LOGOPEDIA


时间：02:00


致：05:33


您可以这样使用

这允许您通过更改
-webkit line clamp:3来限制单元格中的行数和IE11除外

此外，如果将该值添加到单元格的
title
属性，则当您将其悬停时，将显示整个文本


表格{
字体大小：0.875rem；
字体大小：400；
线高：1.5；
方向：ltr；
文本对齐：居中！重要；
颜色：#6c757d！重要；
框大小：边框框；
边界塌陷：塌陷；
宽度：100%；
边缘底部：1rem；
背景色：透明；
边框：1px实心#dee2e6；
表布局：固定；
}
.活动时间表{
宽度：100%；
显示：-网络工具包盒；
-网络工具包盒方向：垂直；
-webkit线夹：3个；
溢出：隐藏；
}

周一
星期二
结婚
清华大学
星期五
坐
太阳
1.
主题：[00000111]Audion Y LENGUAJE/LOGOPEDIA


时间：02:00


致：05:33


您可以这样使用

这允许您通过更改
-webkit line clamp:3来限制单元格中的行数和IE11除外

此外，如果将该值添加到单元格的
title
属性，则当您将其悬停时，将显示整个文本


表格{
字体大小：0.875rem；
字体大小：400；
线高：1.5；
方向：ltr；
文本对齐：居中！重要；
颜色：#6c757d！重要；
框大小：边框框；
边界塌陷：塌陷；
宽度：100%；
边缘底部：1rem；
背景色：透明；
边框：1px实心#dee2e6；
表布局：固定；
}
.活动时间表{
宽度：100%；
显示：-网络工具包盒；
-网络工具包盒方向：垂直；
-webkit线夹：3个；
溢出：隐藏；
}

周一
星期二
结婚
清华大学
星期五
坐
太阳
1.
主题：[00000111]Audion Y LENGUAJE/LOGOPEDIA


时间：02:00


致：05:33


您是否尝试使用百分比值设置字体大小
e、 g

尝试使用字体大小的百分比值，这可以帮助您。。。
我不确定您是否要使用javascript，因为您可以使用javascript循环遍历单元格，获取每个单元格上的文本长度，然后设置条件，如果长度超过特定字符，请使用特定大小百分比…
您是否尝试使用百分比值设置字体大小
e、 g

尝试使用字体大小的百分比值，这可以帮助您。。。
我不确定您是否想使用javascript，因为您可以使用javascript，循环遍历单元格，获取每个单元格的文本长度，然后设置con
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

table {
  font-size: 100%; /*or 80% */
  font-weight: 400;
  line-height: 1.5;
  direction: ltr;
  text-align: center !important;
  color: #6c757d !important;
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border: 1px solid #dee2e6;
  table-layout: fixed;
}