如何使文本在文本区域旁边居中？
http://jsfiddle.net/47NyA/
谢谢！
How can I center the text beside the textarea?
Thank you!
纯CSS
http://jsfiddle.net/47NyA/7/
这可能适合你：
<html> <head> <title> </title> <style type="text/css"> /* style here */ div#main{ position:relative; vertical-align:middle; } textarea{ } div.right{ position:absolute; top:45%; right:0px; width: 100px; } </style> </head> <body> <div id="main"> <textarea></textarea> <div class="right"> TEXT </div> </div> </body> </html>
JavaScript解决方案：
这可能适合您：
http://jsfiddle.net/47NyA/4/
让我知道如果它能成功的话。
<script type="text/javascript"> jQuery(document).ready(function(){ // set init (default) state var t = jQuery('#text_area'); t.data('x', t.outerWidth()); t.data('y', t.outerHeight()); t.mouseup(function(){ var th = jQuery(this); if (th.outerWidth()!= th.data('x') || th.outerHeight() != th.data('y')) // set new height/width th.data('x', th.outerWidth()); th.data('y', th.outerHeight()); $("#center_text").css("margin-top", (th.outerHeight()/2 - 20) + "px"); }); }); </script>
Pure css
This could work for you:
JavaScript solution:
Let me know if it does the trick.
尝试使用此方法
<div style="display:table"> <label for="textarea">Description</label><br> <textarea id="textarea" style="display: table-cell;"></textarea> <div style="vertical-align: middle; display: table-cell; width:100px; text-align:center; border:#f00 1px solid;">Text</div> </div>
，同时检查 Fiddle
Try with This
also check in Fiddle
您可以使用Javascript获取textarea的高度，并更新右侧的行高，将文本对齐设置为居中
You can use Javascript to get height of textarea, and update the line-height of the on the right, set text align to be center
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
暂无简介
文章 0 评论 0
接受
发布评论
评论（3）
纯CSS
http://jsfiddle.net/47NyA/7/
这可能适合你：
JavaScript解决方案：
这可能适合您：
http://jsfiddle.net/47NyA/4/
让我知道如果它能成功的话。
Pure css
http://jsfiddle.net/47NyA/7/
This could work for you:
JavaScript solution:
This could work for you:
http://jsfiddle.net/47NyA/4/
Let me know if it does the trick.
尝试使用此方法
，同时检查 Fiddle
Try with This
also check in Fiddle
您可以使用Javascript获取textarea的高度，并更新右侧的行高，将文本对齐设置为居中
You can use Javascript to get height of textarea, and update the line-height of the on the right, set text align to be center