对齐表内的按钮

时间:2013-04-24 13:24:43

标签: html asp.net asp.net-mvc-3 html-table

我的页面如下:

enter image description here

我想移动文本区域右侧的“保存”按钮,而不是下方。

<th style="width:300px; text-align:center;">    
    <div style="position:relative; width:10px;">                       
       <textarea id="Utility" class='<%# GetIdOfCommentBox((int)Eval("id")) %>'
                 type="text" runat="server" rows="5" maxlength="200" />
       <input id="SubmitComments" type="button" value="Save"
              onclick="SubmitButton()"
              style="background-color:#EBEBFF; font-family:'Tahoma'; padding-left:3.8em; padding-right:3.8em; padding-top:0.3em; padding-bottom:0.3em" /> 
    </div>
</th>

3 个答案:

答案 0 :(得分:1)

您可以使用

style="float: right"

但是为了使用它,你需要将容器div width(10px)更改为更大的

答案 1 :(得分:0)

您使用的是某种.css吗?

如果您正在使用它:

.SubmitComments{
margin-right:0px;
}

答案 2 :(得分:0)

<div style='float:right;width:100%'><input id="SubmitComments" type="button" value="Save" ... /></div>
<div style='clear:both'></div>