Javascrip实现Textarea标签内容垂直(上下)居中

一、HTML部分

<br />
<br />二、javascript部分
<br />
<br />function ReSetRowHeight(obj)
<br />{
<br />  var o=obj.createTextRange().getClientRects();
<br />  var total = parseInt(obj.clientHeight,10);
<br />  var padtop = 0;
<br />  if (obj.style.paddingTop!="")
<br />    padtop = parseInt(obj.style.paddingTop,10);
<br />  if (total>o.length*20)
<br />  {
<br />      obj.style.paddingTop = parseInt((total-(o.length*20))/2,10)+5;
<br />      obj.style.paddingBottom = parseInt((total-(o.length*20))/2,10);
<br />  }else{
<br />      obj.style.paddingTop=5;
<br />      obj.style.paddingBottom = 0;
<br />  }
<br />}
<br />
<br />
<br/>
</div>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
发帖者
<span class='fn'>文博客</span>
</span>
<span class='post-timestamp'>
时间：
<a class='timestamp-link' href='http://wenbloger.blogspot.com/2008/11/javascriptextarea.html' rel='bookmark' title='permanent link'><abbr class='published' title='2008-11-22T06:36:00-08:00'>06:36</abbr></a>
</span>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
<span class='post-comment-link'>
</span>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/9221849043717446821/448447840840368801' title='通过电子邮件发送该帖'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
<span class='item-control blog-admin pid-1757075257'>
<a href='https://www.blogger.com/post-edit.g?blogID=9221849043717446821&postID=448447840840368801&from=pencil' title='修改博文'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
标签：
<a href='http://wenbloger.blogspot.com/search/label/JS' rel='tag'>JS</a>
<script src='/feeds/posts/default/-/JS?alt=json-in-script&callback=related_results_labels&max-results=8' type='text/javascript'></script>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>
0
评论:
        
</h4>
<dl id='comments-block'>
</dl>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>发表评论</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/9221849043717446821?po=448447840840368801&hl=zh-CN' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/1167892209-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
      BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
    </script>
</div>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>

</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://wenbloger.blogspot.com/2008/11/blog-post.html' id='Blog1_blog-pager-newer-link' title='较新的博文'>较新的博文</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://wenbloger.blogspot.com/2008/11/textarea.html' id='Blog1_blog-pager-older-link' title='较早的博文'>较早的博文</a>
</span>
<a class='home-link' href='http://wenbloger.blogspot.com/'>主页</a>
</div>
<div class='post-feeds'>
<div class='feed-links'>
订阅：
<a class='feed-link' href='http://wenbloger.blogspot.com/feeds/448447840840368801/comments/default' target='_blank' type='application/atom+xml'>博文评论 (Atom)</a>
</div>
</div>
</div></div>
<ItemPage>
<BlogItemCommentsEnabled>
<br/><br/>
<div class='titolinibottom'><a href='http://wenbloger.blogspot.com' style='color:#660000'> ~ 返回首页</a></div>
</BlogItemCommentsEnabled>
</ItemPage>
</div>
</div>

</Blogger>
</div>


<div id='footer'>
<a href='http://wenbloger.blogspot.com/' style='color:#660000' target='_blank'><b>copyright@wenbloger.blogspot.com九牛一毛(文博客)</b></a>
</div>

</div>

文博客-9牛1毛

标签

博客归档

BlogUpp!

关注者

2008年11月22日星期六

Javascrip实现Textarea标签内容垂直(上下)居中