html - 增加文本大小以仅适合一列的表格单元格

Question

我正在开发一个包含表格的 Angular 网页。我在 Angular 方面做了一些事情，现在我在 CSS/HTML 方面苦苦挣扎。我必须将一列中的数据显示为更大的文本。这意味着文本应适合表格行的整个高度。

所以我创建了一个 fiddle (不包括 Angular ，只有 html 和 css)。

如有任何帮助，我们将不胜感激。

[https://jsfiddle.net/SudhirSahoo/agxc18Ly][1]

我正在使用 Bootstrap ，屏幕尺寸可能会有所不同。如果我在 text3 css 类中给出固定的行高，那么它在一个屏幕上工作，但在另一个更大的屏幕上，它看起来不太好。

在 fiddle 中，我想在“This Qtr”列中显示缺陷，如下图所示。

Answer 1

您需要从 .text-3 中删除 line-height: 0 和 padding-top: 22px。

这里是工作代码:https://codepen.io/NehhaSharma/pen/mddBvYj

希望对您有所帮助。

谢谢，

你好