Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑难] 有父级的position:Absolute如何随分辨率不同而居中?

[复制链接]
jacky4504 发表于 2007-6-22 12:32:07 | 显示全部楼层 |阅读模式
如何相对于浏览器分辨率的改变而居中?
如类似的:
(父级没有设定position属性)


  1. <div>
  2. <div style="position:Absolute;top:50px;">
  3. 我要居中
  4. </div>
  5. </div>

复制代码
PP625 发表于 2007-6-22 13:59:51 | 显示全部楼层
居中?

text-align: center
回复

使用道具 举报

hhy84917 发表于 2007-6-22 15:37:48 | 显示全部楼层
他问的是层的居中,也是CSS中最困难的问题了。
回复

使用道具 举报

kuaise 发表于 2007-6-22 16:14:17 | 显示全部楼层
我要居中!!!!!
回复

使用道具 举报

 楼主| jacky4504 发表于 2007-6-22 22:55:48 | 显示全部楼层
郁闷啊  一直找不到方法......
回复

使用道具 举报

PP625 发表于 2007-6-23 10:01:55 | 显示全部楼层


  1. <style>
  2. #pp{text-align:center}
  3. #pp2{ margin-left:auto;margin-right:auto}
  4. </style>

  5. <body>

  6. <div id="pp"><div id="pp2">ppppppppppppppppppp</div></div>

  7. </body>


复制代码
回复

使用道具 举报

wwb0111 发表于 2011-3-24 09:05:45 | 显示全部楼层
本帖最后由 wwb0111 于 2011-3-24 09:09 编辑

position:absolute默认是不能居中的,要想居中有一定的技巧,如果div的width为200px;css就要写成

  1. <div>
  2. <div style="position:absolute;width:200px;left:50%;margin-left:-100px;">
  3. 我要居中
  4. </div>
  5. </div>
复制代码
如果想让div中的的文字也居中,那就再加一条 text-align:center
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-26 02:26 , Processed in 0.023300 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表