日期:2014-05-17  浏览次数:20629 次

css样式 很简单 看似 你能达到效果吗 我是不能
今天了一个小测试,本来弄着玩得,但是后面却花了很多时间弄,看似很简单 ,可是就是达不到
  我本来是

  在弄和服务器交互的一个交互页面,就是说在jsp页面和服务器交互的时候,我显示一张图片和一段文字,
代码如下:
  <div id="busy" style="text-align: center;background: blue;">
<img src="reports/images/2.gif" alt="加载图片" style="margin-top: 5px;"></img>
<span style="margin-top:0px; background:red">正在加载数据,请稍后.....</span>
  </div>
我想通过span的样式把加载文字和图片对其,就是说和图片的中间对其,而不是和图片的下面对其,可是不管我怎么调,就是
不能和中间对其,求教高手啊

------解决方案--------------------
vertical-align:middle试试这个
------解决方案--------------------
<div id="busy" style="text-align: center;background: blue;">
<span style="margin:3px auto; background:red; dispaly:block; width:200px;">
<img src="reports/images/2.gif" alt="加载图片" align="absmiddle" />
正在加载数据,请稍后.....
</span>
</div>
------解决方案--------------------
其实是很简单的,只是楼主对CSS 的属性不熟悉
------解决方案--------------------
加一个属性就行啦,vertical-align:middle;另,align=absmiddle也可用,但在W3C下是验证不通过的。

HTML code

<div id="busy" style="text-align: center; background: blue;">
        <img src="reports/images/2.gif" alt="加载图片" style="margin-top: 5px; vertical-align:middle;"></img>
        <span style="margin-top: 0px; background: red">正在加载数据,请稍后.....</span>
</div>