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>

Answer 1

你可以这样做

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

Demo Fiddle

更新屏幕中心

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

Demo Fiddle Center of screen

Answer 2

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

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

Answer 3

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

Answer 4

这肯定会帮助你

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

在按键事件中将TextBox对齐在页面中间

4 个答案: