zoukankan      html  css  js  c++  java
  • CSS元素POSITION的用法一例

     

    CSS元素POSITION的用法一例

    左直拳

    页面上用到了Atlas的控件<atlas:UpdateProgress以便在进行各种操作时显示一个等待图标,给用户解解闷,好让他们在漫长的等待结果的岁月中不那么烦躁,知道系统正在忙。

    形如:

    <atlas:UpdateProgress ID="UpdateProgress1" runat="server" >

        <ProgressTemplate>

        <img src="../images/loading.gif" alt="请稍候..." />

    </ProgressTemplate>

    </atlas:UpdateProgress>

    可是这样写的话图标就歪在一边,不显眼。如果写上个绝对定位,比如

    style="position:absolute;left:400px;top:300px;",可这仅仅适合800*600的屏幕,而用户的屏幕分辨率千差万别。

    最后发觉可以用百分比,这样写:

    <atlas:UpdateProgress ID="UpdateProgress1" runat="server" >

        <ProgressTemplate>

        <img src="../images/loading.gif" alt="请稍候..." style="position:absolute;left:50%;top:50%;"/>

    </ProgressTemplate>

    </atlas:UpdateProgress>

     

    这样不管什么情况下,图标都会居于页面之中。

  • 相关阅读:
    java 多线程4: java线程的优先级
    Thread.currentThread().getName() ,对象实例.getName() 和 this.getName()区别
    go http
    go redis
    go tcp
    go 单元测试
    go 定时器
    go channel
    go goroutine
    go 错误处理
  • 原文地址:https://www.cnblogs.com/leftfist/p/4258324.html
Copyright © 2011-2022 走看看