在VML文本框中表格右对齐？ [英] Table align RIGHT within VML textbox???

问题描述

有人知道如何在VML文本框中对齐表格吗？左侧和中央工作正常，但右侧似乎被忽略了。...

Does anyone know how to align a table right within a VML textbox? Left and center work fine but Right seems to get ignored....

此处和代码示例

<table width="600" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td bgcolor="#DDDDDD" style="background-image: url('http://i.imgur.com/XCnBXwP.png');" background="http://i.imgur.com/XCnBXwP.png" height="92" valign="top"><!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:92px;">
    <v:fill type="tile" src="http://i.imgur.com/XCnBXwP.png" color="#7bceeb" />
    <v:textbox inset="0,0,0,0">
  <![endif]-->

            <div>
                <table width="300" border="0" cellpadding="0" cellspacing="0" align="right">
                    <tr>
                        <td bgcolor="#FF00FF" align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;"> | This is test text | </td>
                    </tr>
                </table>
            </div>

            <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]--></td>
    </tr>
</table>

推荐答案

对不起，晚了聚会...

Sorry, late coming to the party...

在创建表&之前需要使用align = right的div。内容。 VML文本框出于某种原因会忽略表对齐。

you need an extra div with align="right" before you table & contents. VML textbox ignores align on tables for some reason.

<table width="600" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td bgcolor="#DDDDDD" style="background-image: url('http://i.imgur.com/XCnBXwP.png');" background="http://i.imgur.com/XCnBXwP.png" height="92" valign="top"><!--[if gte mso 9]>
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:92px;">
        <v:fill type="tile" src="http://i.imgur.com/XCnBXwP.png" color="#7bceeb" />
        <v:textbox inset="0,0,0,0">
        <![endif]-->

       <div>
            <div align="right">
                <table width="300" border="0" cellpadding="0" cellspacing="0" align="right">
                    <tr>
                        <td bgcolor="#FF00FF" align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;"> | This is test text | </td>
                    </tr>
                </table>
            </div>
       </div>

      <!--[if gte mso 9]>
      </v:textbox>
      </v:rect>
      <![endif]-->
    </td>
  </tr>
</table>

这是链接

这篇关于在VML文本框中表格右对齐？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！