html中的afdjusting行和列

时间:2015-01-30 11:07:41

标签: html

我正在尝试获取此InputBox:

vbscript InputBox

使用此HTML代码

<body style="background-color:#EEEEEE" onkeypress='vbs:Default_Buttons' align='top'>
<table width='90%' height='100%' align='center' border='0'>
    <tr border='0'>
        <td align="left" style="font-family: arial; font-size: 11px;">
            Un Message
        </td>
        <td align='right'>
            <table  align='right'>
                <tr align='right'>
                    <input type="button" value="OK" name="btn_OK" onClick="vbs: Run_ProgramOK" style="font-size: 11px;"> 
                    <input type="button" value="Cancel" name="btn_Cancel" onClick="vbs: Run_ProgramCancel" style="font-size: 11px;"><br><br>
                </tr>
            </table>
        </td>
    </tr>
</table>
<table width='90%' height='100%' align='center' border='0'>
    <tr>
        <td align='left' style="font-family: arial; font-size: 16px; font-weight: bold;">
            <input type="text" size="60" id="txt_input"
            name="txt_input" style="font-size: 11px;" value="Un Input" ><BR>
            <!-- <input type="password" -->
        </td>
    </tr>
</table>
</body>

但我无法把事情做对,按钮没有左对齐。 我没有正确处理表行和列

1 个答案:

答案 0 :(得分:1)

看看这个:

Click here

应该看起来更像你正在寻找的东西,让我知道你是否想要别的东西基本上只是将它对齐到左边而是给它边缘/右/顶部将它准确定位在它应该的位置 - 没有响应,可以添加。

让我知道你的想法

<body style="background-color:#EEEEEE" onkeypress='vbs:Default_Buttons' align='top'>
<table width='90%' height='100%' align='center' border='0'>
    <tr border='0'>
        <td align="left" style="font-family: arial; font-size: 11px;">
            Un Message
        </td>
        <td align='left' style="margin-top: 5em;">
            <table  align='left' style="margin-right: 7.2em;">
                <tr align='left' "margin-top: 5em;">
                    <input type="button" value="OK" name="btn_OK" onClick="vbs: Run_ProgramOK" style="font-size: 11px; width: 5em; margin-top: 4em;"><br>
                    <input type="button" value="Cancel" name="btn_Cancel" onClick="vbs: Run_ProgramCancel" style="font-size: 11px; width: 5em;"><br><br>
                </tr>
            </table>
        </td>
    </tr>
</table>
<table width='90%' height='100%' align='center' border='0'>
    <tr>
        <td align='left' style="font-family: arial; font-size: 16px; font-weight: bold;">
            <input type="text" size="60" id="txt_input"
            name="txt_input" style="font-size: 11px;" value="Un Input" ><BR>
            <!-- <input type="password" -->
        </td>
    </tr>
</table>
</body>

但是就像回复你的那个人首先说的那样,表格是减少的,使用div