如何把由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
三.龙源湖放风筝
本来想把右侧的图片更新成今天的,试了试发现完全看不清楚,换回来吧。
留住青春。
作者:火星十一郎
本文版权归作者火星十一郎所有,欢迎转载和商用,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.