Question

我有两张桌子。

我希望他们彼此靠近，而不是像现在一列一样。

我怎么能这样做？

一般来说，我可以指定页面上的位置。

<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <body>
  <h2>My CD Collection</h2>
  <table border="1">
    <tr bgcolor="#9acd32">
      <th>Title</th>
      <th>Artist</th>
    </tr>
    <xsl:for-each select="catalog/cd">
    <tr>
      <td><xsl:value-of select="title"/></td>
      <td><xsl:value-of select="artist"/></td>
    </tr>
    </xsl:for-each>
  </table>

 <table border="1">
    <tr bgcolor="#9acd32">
      <th>Title</th>
      <th>Artist</th>
    </tr>
    <xsl:for-each select="catalog/cd">
    <tr>
      <td><xsl:value-of select="title"/></td>
      <td><xsl:value-of select="artist"/></td>
    </tr>
    </xsl:for-each>
  </table>


  </body>
  </html>
</xsl:template>

</xsl:stylesheet>

Answer 1

如果您的意思是表格应并排显示，即第一张表格右侧的第二个表格，则有以下几种选择：

使用第一个表格中的align=left属性，然后在第二次之后添加标记<br clear=left>。
在CSS中执行相同的操作：在第一个表上执行float: left，在第二个表后执行第一个元素上的clear: left。
将表格包裹在一张外表中，只有一行和两个单元格，并在其中使用<tr valign=top>。
使用CSS定位。

如果您希望表之间有一些间距，最简单的方法是在CSS中为第二个表设置margin-left。

使用方法1和2，如果可见画布中的两个表都没有足够的空间，则表格将像现在一样显示。使用方法3或4，在这种情况下强制进行水平滚动。

如何在页面上指定表的位置

1 个答案: