如何把由js生成的内容水平居中?

一.问题来源

  如右侧的微博关注组件,直接用div的align居中没效果,我就开始百度了。即在<div> <script>.....</script>  </div>  中,如何使<script>.....</script>中的内容在div 标签中处于水平居中?

<!-- 微博关注组件 -->
<div align="center">
<html xmlns:wb="http://open.weibo.com/wb">
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
<wb:follow-button uid="1625125434" type="red_3" width="100%" height="24" ></wb:follow-button>
</div>

 

二.解决方案

1  <div>
2 <table border="0" cellpadding="0" cellspacing="0" style="margin-left:auto; margin-right:auto;">
3  <tr>
4   <td>..........</td>
5  </tr>
6 </table> 
7 </div>

  style="margin-left:auto; margin-right:auto;"是为了让table横向居中,td默认是垂直居中的,果然有效。

  参考文献:http://zhidao.baidu.com/link?url=110cA7m26328x4m_ACl1KW7SWyegVOEQFj3QdmPYJrqnaaq7Uk9rrYa_8LDcF3TTWdb-_7OWgbtwzVbILaHdza

三.龙源湖放风筝

  本来想把右侧的图片更新成今天的,试了试发现完全看不清楚,换回来吧。

  留住青春。

 

原文地址:https://www.cnblogs.com/hxsyl/p/4394609.html