web前端

1.动态增加div内容，且保持所添加的内容一直保持居中。代码如下：

<div style="text-align: center; overflow: hidden;">
<div class="zc" style="width: 25%; float: left;">
<span style="font-family: '微软雅黑'; font-size: 30px;">总资产<br/><span style="font-family: '微软雅黑'; color: red;font-size: 40px;">8989</span></span>
</div>
<div class="zco" style="width: 25%; float: left;">
<span style="font-family: '微软雅黑'; font-size: 30px;">总资产<br/><span style="font-family: '微软雅黑'; color: red;font-size: 40px;">8989</span></span>
</div>
<div class="zct" style="width: 25%; float: left;">
<span style="font-family: '微软雅黑'; font-size: 30px;">总资产<br/><span style="font-family: '微软雅黑'; color: red;font-size: 40px;">8989</span></span>
</div>
<div class="zctt" style="width: 25%; float: left;">
<span style="font-family: '微软雅黑'; font-size: 30px;">总资产<br/><span style="font-family: '微软雅黑'; color: red;font-size: 40px;">8989</span></span>
</div>
</div>

2.web页面为了较好的在手机上显示：

所有页面布局代码如下：

<div id="main" style="width: 100%;">
<div id="header" style="width: 980px;background: black;height: 500px;margin: 0 auto;">

</div>
<div id="header" style="width: 980px;background: orange;height: 500px;margin: 0 auto;margin-top: 20px;">

</div>
<div id="footer" style="width: 980px;background: red;height: 500px;margin: 0 auto;margin-top: 20px;">

</div>
</div

3.为了web页面的小图标在手机上不出现错位，比如在input标签里面还有一个小图标，如果小图标是定位上去的话，在手机上会出现错位，正确的代码书写如下：

<input type="text" style="background: #FFF url(skin/logn_1_03.jpg) 8px center no-repeat;" />  就是在标签的里面加上背景图片，这是正确的做法。