2011-12-30 54 views
0

我有两个表。如何在页面上指定表的位置

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

我该怎么做?

如何在一般情况下,我可以指定页面上的位置。

<?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> 
+1

这不是一个XSLT问题 - 你只需要知道HTML。 – 2011-12-30 13:08:57

+0

这是很不清楚你想要什么。你是什​​么意思,'彼此靠近'? – ptriek 2011-12-30 13:44:42

+0

@ptriek正确 – 2011-12-30 13:49:16

回答

1

如果你的意思是,表中应出现并排,即在第一个的右边第二个表,有几个选项:

  1. 使用属性align=left在第一个表并在第二次后添加标签<br clear=left>
  2. 在CSS中执行相同的操作:第一个表上的float: left和第二个表后面的第一个元素上的clear: left
  3. 将表格包装在外表中,只有一行和两个单元格,并使用<tr valign=top>
  4. 使用CSS定位。

如果你想有表之间一些间距,最简单的办法是设置在margin-left CSS的第二个表。

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

+0

我会选择第三个 – 2011-12-30 16:03:24

相关问题