c# - 在按键事件上对齐页面中间的文本框

Question

我正在尝试在文本框的按键事件上对齐页面中心的文本框，但我只能使用下面给出的代码放大文本框的大小...

<title></title>

<script type="text/javascript">

    function resize(selectObj) {

        selectObj.style.height = '400px';

        selectObj.style.width = '800px';

        selectObj.style.padding = '10px 10px 10px 10px';

        selectObj.style.position = 'absolute';

    }
</script>

<body>

    <form id="form1" runat="server">

    <div>

    <asp:TextBox ID="txt" runat="server" TextMode="MultiLine"  onkeypress="resize(this);">
</asp:TextBox>

    </div>

    </form>

</body>

</html>

score 1 · Accepted Answer

你可以这样做

$( "#txt" ).keypress(function() {
$("#maindiv").css({'display' : 'block', 'text-align' : 'center'});
});

演示小提琴

屏幕中心更新

$( "#txt" ).keypress(function() {
$(this).css('margin-left', ($(window).width() / 2));
});

演示 Fiddle 屏幕中心

score 1 · Accepted Answer

您可以使用绝对定位将其居中。您应该考虑文本框的宽度和高度：

$( "#txt" ).keypress(function() {
    $(this).css({
        'position': 'absolute', 
        'left': ($(window).width() / 2 - $(this).width() / 2) + 'px',
        'top': ($(window).height() / 2 - $(this).height() / 2) + 'px',
    });

score 0 · Accepted Answer

$( "#txt" ).keypress(function() {
$(this).css({
    'position': 'absolute', 
    'left': ($(window).width() / 2 - $(this).width() / 2) + 'px',
    'top': ($(window).height() / 2 - $(this).height() / 2) + 'px',
});

score 0 · Accepted Answer

这绝对会帮助你

$( "#txt" ).keypress(function() {
    $(this).css({
        'position': 'absolute', 
        'left': ($(window).width() / 2 - $(this).width() / 2) + 'px',
        'top': ($(window).height() / 2 - $(this).height() / 2) + 'px',
    });

c# - 在按键事件上对齐页面中间的文本框

4 回答 4

Related

Reference