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

Question

我正在为非政府组织制作报告，该报告对学校进行了调查，我已经生成了报告而不是他们发送的报告格式。它可以通过简单的表结构轻松完成，但我想通过表的Bootstrap类来完成。特别是报告中文本的垂直对齐。

我一直在寻找垂直柱和设计等，但我没有找到一些，请帮帮我。我需要的是在中心和垂直方向显示proj# proj code proj name proj goal列，如下图所示。

这里我需要开发。

这就是我为他们所做的：

Answer 1

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

对于单词转换，您可以在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