Question

我正在为我的网站创建一个简单的文本编辑器，我想制作一个点击按钮，将文本对齐到中心。我怎样才能做到这一点？提前谢谢！

Answer 1

您可以使用jquery和按钮点击按钮分配到CSS text-align中心，如下所示。

＆＃13;

$(document).ready(function(){
  
  $('.btncenter').on('click', function(){
    $('#cenerText').css({'text-align':'center'});
  })

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="cenerText">Write some text here </div>

<button class="btncenter">Click here for text align center about div section </button>

＆＃13;

Answer 2

这允许您输入文本，将其添加到页面并将其居中：

$('.add').on('click', function(){
  var text = $('textarea').val();
  
  $('p').html(text);
});

$('.center').on('click', function(){  
  var centered = document.createElement('center');
  centered.appendChild($('p')[0]);
  $('body').append(centered);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea></textarea>

<button class='add'>
  enter text
</button>
<button class='center'>
  center
</button>

<p>
  
</p>

Answer 3

在点击事件上添加CSS样式。试试这个。希望它会有所帮助。

/*Java Script */
    function doCenter(){    
        document.getElementById("my_text").style.textAlign="center";
    }

<html>
    <head>
    <script type="text/javascript">
    
    </script>
    </head>
    <body>
     
     <!-- Buttons -->
     <input type="button" value="Center" onclick="doCenter()"/>
     <br />
     
     <!-- Text area -->
     <textarea class="text_edit" id="my_text"></textarea>
     <br />
    
    </body>
</html>

将文本与中心对齐点击

3 个答案: