html - JSP 中的垂直图条

Question

我有一个 jsp 页面，其中有一个在表格中动态生成的水平图形条。 我不知道我是否可以垂直制作图形条。 如果我们可以通过 CSS 使条形垂直，需要帮助。

谁能指导我如何解决这个问题？

这里有一段代码供引用。如果这能有所帮助。

<logic:greaterThan name="size" value="0">
    <table border="0" width="100%" align="left">
        <tr><td></td><td></td><td><font face="Verdana" size="10" color="#333399"><%=request.getAttribute("header")%></font></td></tr>
        <tr><td  height="120"></td><td></td><td valign="top" align="left"><hr width ="320"></td></tr>

        <logic:iterate id="dayEntry" name="LeaveForm" property="results">
            <tr>
                <td align="right" width="20%"></td>
                <td align="right" width="10%">
                    <bean:write name="dayEntry" property="month"/>
                </td>
                <td align="left" width="80%">
                    <table width='<bean:write name="dayEntry" property="percent"/>%' bgcolor='<bean:write name="dayEntry" property="color"/>' title='<bean:write name="dayEntry" property="date"/>'>
                        <tr>
                            <td align="right">
                                <font color="white">
                                        <bean:write name="dayEntry" property="days"/>
                                </font>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </logic:iterate>
    <tr><td height="40"></td></tr>
</table>
            </logic:greaterThan>

Answer 1

尝试使用 CSS3 中的 transform。