Question

文本框的正确对齐方式无法正常工作。我尝试使用align-left right等，但无法正常工作。

Answer 1

---您应该在div中使用algn：right，因为在文本框中，align属性不起作用，并且在文本框中，您应该使用float：right属性，以下是我的代码，请检查它-----

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div style="width:30%">
            <asp:TextBox ID="txtName" runat="server" Style="float:right"></asp:TextBox>
        </div>
        <br /><br />
        <div style="width:30%" align="right">
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>
    </form>
</body>
</html>

Answer 2

基本上，您有2种方法，

ASP.NET TextBox控件，如<asp:textbox .. align="left|right|center"></asp:textbox>
您可以使用css样式对齐所需的任何元素[推荐]

以CSS对齐方式为例

/* Keyword values */
float: left;
float: right;
float: none;
float: inline-start;
float: inline-end;

/* Global values */
float: inherit;
float: initial;
float: unset;

代码：

.alignleft {
	float: left; 
  width:auto;
    display: inline;
} 
.alignright {
float: right;
  width:auto;
    display: inline;
}

<div id="textbox">
  <p class="alignleft">Text on the left.</p> 
  <p class="alignright">Text on the right.</p>
</div>

除了align属性，如何在asp.net中对齐文本框？

2 个答案: