css中fixed定位,如何使它永远居中不动

 我来答
sky不用太多sky
高粉答主

2018-04-05 · 醉心答题,欢迎关注
知道大有可为答主
回答量:1082
采纳率:97%
帮助的人:47.9万
展开全部

<style>

#center

{

width:50px;

height:50px;

background-color:red;

position:fixed;

top:50%;

left:50%;

margin-left:-25px; /* width的一半的相反数 */

margin-top:-25px;  /* height的一半的相反数 */

z-index:999;

}

</style>

<div id="center"></div>

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

其实当时在互联网界已经有过一些统一样式表语言的建议了,但CSS是第一个含有“层叠”丰意的样式表语言。在CSS中,一个文件的样式可以从其他的样式表中继承。读者在有些地方可以使用他自己更喜欢的样式,在其他地方则继承或“层叠”作者的样式。这种层叠的方式使作者和读者都可以灵活地加入自己的设计,混合每个人的爱好。

哈坤于1994年在芝加哥的一次会议上第一次提出了CSS的建议,1995年的www网络会议上CSS又一次被提出,博斯演示了Argo浏览器支持CSS的例子,哈肯也展示了支持CSS的Arena浏览器。

同年,W3C组织(World WideWeb Consortium)成立,CSS的创作成员全部成为了W3C的工作小组并且全力以赴负责研发CSS标准,层叠样式表的开发终于走上正轨。有越来越多的成员参与其中,例如微软公司的托马斯·莱尔顿(Thomas Reaxdon),他的努力最终令Internet Explorer浏览器支持CSS标准。哈坤、波斯和其他一些人是这个项目的主要技术负责人。1996年底,CSS初稿已经完成,同年12月,层叠样式表的第一份正式标准(Cascading style Sheets Level 1)完成,成为w3c的推荐标准。

特中戏0H78a
2016-03-22 · TA获得超过292个赞
知道小有建树答主
回答量:293
采纳率:0%
帮助的人:233万
展开全部
<style>
#center
{
    width:50px;
    height:50px;
    background-color:red;
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-25px; /* width的一半的相反数 */
    margin-top:-25px;  /* height的一半的相反数 */
    z-index:999;
}
</style>
<div id="center"></div>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
我看不懂英语
2019-04-08 · TA获得超过325个赞
知道答主
回答量:96
采纳率:50%
帮助的人:17.5万
展开全部
  • position: fixed;

  • width: 900px;

  • height: 500px;

  • top: calc(50% - 250px);

  • left: calc(50% - 450px);

    这样写就可以了,想给一个宽高,然后用calc(50% - 宽高一般的像素)函数计算一下就可以了!!

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
喻言心ry
2016-03-22 · TA获得超过538个赞
知道小有建树答主
回答量:779
采纳率:0%
帮助的人:218万
展开全部
text-align:center
写上这个属性
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式