如何在引导表中垂直显示值

Question

我正在为 NGO 生成一份报告，该报告对学校进行调查我生成的报告比他们发送的格式要多。它可以通过简单的表结构轻松完成，但我想通过表的 Bootstrap 类来完成。尤其是报告中文本的垂直对齐方式。

我已经搜索了垂直列和设计等，但我没有找到一些，请帮助我。我需要在中心和垂直方向显示proj#proj codeproj nameproj goal 列，如下图所示。

这里有我需要开发的东西。

这里是我为他们所做的：

Answer 1

我认为表格布局将非常适合此目的。如果您要从表格布局中迁移，那么我会在您的代码中推荐for loop or while。准备一个数组或mysql表并通过数据库调用值。您最好在数据库中维护表而不是引导程序或表类。我仍然觉得你应该保持表格布局，它很灵活。 Try this site for tutorial

word的转换可以在css中使用transform: rotate(90 deg);

.vertical-text {
    transform: rotate(-90deg);
    transform-origin: left center 0;
padding-top:50px;
}

<td rowspan="2">

将 rowspan 的值替换为数据库中的行数。表格看起来就像在纸上一样，列已正确合并。

More about rowspan

Check this fiddle