如何垂直创建表格行和列

Question

我希望下表可以垂直显示。

<table id="news" class="table table-striped table-responsive">
    <thead>
        <tr>
          <th>Name</th>
          <th>Email</th>
          <th>Phone</th>
          <th>City</th>
        </tr>
    </thead>
    <tbody>
        <?php
        for($i=0; $i<5; $i++) 
        { ?>
        <tr>
            <td>
              <input type="text"/>
            </td>
            <td>
               <input type="email"/>
            </td>
            <td>
               <input type="number"/>
            </td>
            <td>
               <input type="text"/>
            </td>
        </tr>

        <?php
        }
        ?>           
    </tbody>
</table>

表格将以下列格式显示

我希望它显示如下格式。

Row0 Name [input]
Row0 Email [input]
Row0 Phone [input]
Row0 City [input]

Row1 Name [input]
Row1 Email [input]
Row1 Phone [input]
Row1 City [input]

.
.

Row4 Name [input]
Row4 Email [input]
Row4 Phone [input]
Row4 City [input]

我希望html表格如上所示。非常感谢您的帮助。提前谢谢。

Answer 1

这就是你想要的，

<table id="news" class="table table-striped table-responsive">
    <tbody>
        <?php
        for($i=0; $i<5; $i++) 
        { ?>
        <tr>
        <td><b>row0</b></td>
           <th>Name</th>
            <td>
              <input type="text"/>
            </td>
          </tr>
          <tr>
          <td><b>row0</b></td>
            <th>Email</th>
             <td>
               <input type="email"/>
            </td>
          </tr>
          <tr>
          <td><b>row0</b></td>
            <th>Phone</th>
            <td>
               <input type="number"/>
            </td>            
          </tr>
          <tr>
          <td><b>row0</b></td>
            <th>City</th>
            <td>
               <input type="number"/>
            </td>            
          </tr>
        <?php
        }
        ?>           
    </tbody>
</table>

你只需要开箱即用

Answer 2

你可以制作它们<xsl:variable name="ArtProof" select="'True'"/> <xsl:choose> <xsl:when test="$ArtProof = 'True'"> <xsl:variable name="color_of_artproof" select="'green'"/> </xsl:when> <xsl:otherwise> <xsl:variable name="color_of_artproof" select="'red'"/> </xsl:otherwise> </xsl:choose> ，但我不太确定这会对桌面布局产生什么影响。

display:block