1

テキストボックスのキープレスイベントでページの中央にテキストボックスを揃えようとしていますが、以下のコードでのみテキストボックスのサイズを拡大できます...

<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>
4

4 に答える 4

1

絶対配置を使用して中央に配置できます。テキスト ボックスの幅と高さを考慮する必要があります。

$( "#txt" ).keypress(function() {
    $(this).css({
        'position': 'absolute', 
        'left': ($(window).width() / 2 - $(this).width() / 2) + 'px',
        'top': ($(window).height() / 2 - $(this).height() / 2) + 'px',
    });
于 2013-10-08T09:41:41.660 に答える
1

あなたはこのようにすることができます

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

デモフィドル

画面中央の更新

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

画面のデモ フィドル センター

于 2013-10-08T05:37:22.157 に答える
0

これは間違いなくあなたを助けます 

$( "#txt" ).keypress(function() {
    $(this).css({
        'position': 'absolute', 
        'left': ($(window).width() / 2 - $(this).width() / 2) + 'px',
        'top': ($(window).height() / 2 - $(this).height() / 2) + 'px',
    });
于 2013-11-01T06:13:09.240 に答える