css如何对齐文本与文本输入框

Posted 2023-04-29

求以下这句话两个到三个案例（例子）～～～～它写的不行～～～～～谢谢。帮我写两个到三个案例（例子） =============================================================如何对齐文本与文本输入框 加上 vertical-align:middle; <style type="text/css"> <!-- input width:200px; height:30px; border:1px solid red; vertical-align:middle; --> </style>

参考技术A 中文字符的中线和英文字符的中线定义是不一样的，你在设置输入框与文本居中对齐的时候，最好将文本的字体样式设置成英文字体，比如font-family:Verdana;这样有助于解决中线问题。然后再给输入框添加 vertical-align:middle;样式。 注意，由于涉及到中线问题，所以字号会影响对齐的效果。例子就不举了，你可以改变字号（12px、13px等）自己尝试一下。 参考技术B <input type="text" style="width:100px; height:20px; ling-height:20px; margin:0; padding:0 auto;" />此代码的关键是line-height:20px;的声明！它定义文本与文本框中线对齐！其值要和文本框高度一致才能居中文本！切忌！本回答被提问者采纳 参考技术C 中文字符的中线和英文字符的中线定义是不一样的，你在设置输入框与文本居中对齐的时候，最好将文本的字体样式设置成英文字体，比如font-family:verdana;这样有助于解决中线问题。然后再给输入框添加vertical-align:middle;样式。
注意，由于涉及到中线问题，所以字号会影响对齐的效果。例子就不举了，你可以改变字号（12px、13px等）自己尝试一下。追问：
你所说的中线是指删除线吗？？？？字号是指h1~h6吗？？回答：
不是，中线指的是字体的中间的位置（居中的时候中线是对齐的，它是观察对象是否对齐的参考，并不是一条存在的线）
字号是指字的大小，在这里我是用像素表示的。
h1~h6不是用来表示字号的。它是用来修饰标题的。追问：
其实..整个的兼容问题是不是想将文本框和文本垂直对其在某个div的高度。。。是吗？回答：
不是，这里的对齐只是文本和文本框的对齐。追问：
嗯。。。这个vertical-align:middle;是给文本框定义的？这个font-family:verdana;是给文本定义的？回答：是的。追问：
我还有一个~~~哈哈~~真的不好意思~~你叫回答这么多个问题。。。。。。

蒙面文本框输入左对齐

【中文标题】蒙面文本框输入左对齐

【英文标题】：Masked TextBox Input Align Left

【发布时间】：2010-11-28 22:53:45

【问题描述】：

我的 winforms 应用程序上有一个蒙版文本框，如果用户在蒙版文本框内单击，光标将从该位置开始。例如，如果他们单击蒙版文本框的中间，中间会有一个闪烁的光标。如何使光标行为默认位于被屏蔽文本框的最左侧？

【参考方案1】：

进入点击事件：

maskedTextBoxname.SelectionStart = 0;

（当您单击蒙版文本框时，光标将出现在左侧）

maskedTextBoxname.SelectionStart = maskedTextBoxname.Text.Length;

（当你点击 maskedtextbox 时，光标会出现在最后写入的字符处，如果 maskedtextbox 为空，光标会出现在左侧）

【参考方案2】：

您可以挂钩点击事件，然后执行以下操作：

    public Form1()
    
        InitializeComponent();
        this.maskedTextBox1.Click+=new EventHandler(maskedTextBox1_Click);
    

    private void maskedTextBox1_Click(object sender, EventArgs e)
    
        this.maskedTextBox1.Select(0, 0);