CSS元素POSITION的用法一例
2006-11-06 14:24
344 查看
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>
这样不管什么情况下,图标都会居于页面之中。
左直拳
页面上用到了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>
这样不管什么情况下,图标都会居于页面之中。
相关文章推荐
- CSS元素POSITION的用法一例
- (转)浅析CSS——元素重叠及position定位的z-index顺序
- CSS ::before 和 ::after 伪元素用法
- CSS中position:fixed的相关用法
- css 之position用法详解
- CSS中position的absolute如何相对于父元素的位置进行定位
- CSS中position:fixed的用法
- CSS中 伪类和伪元素的用法 --实现元素前后添加[]框
- CSS中 伪类和伪元素的用法 --实现元素前后添加[]框
- CSS中position的absolute如何相对于父元素的位置进行定位
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- AJAX--UpdateProgress设置CSS元素POSITION的使动画居中 & loading的Info
- css之元素显示方式的转换(display的用法)
- CSS精灵 background-position用法
- 你所不知的 CSS ::before 和 ::after 伪元素用法
- CSS中伪类及伪元素用法详解
- 你所不知的 CSS ::before 和 ::after 伪元素用法
- CSS中伪类及伪元素用法详解
- CSS中position的absolute和relative用法
- css中background-position:的属性值为百分比时的用法