本文介绍了一种使用纯CSS实现元素精确居中的方法，无需借助JavaScript。通过设置特定的CSS属性，可以使文本或元素始终保持在页面的正中央，并附带了具体的代码示例。
这完全可以通过CSS实现——不需要JavaScript:
Here's an example
下面是该示例背后的源代码:
Dead Centrebody
{
color: white;
background-color: #003;
margin: 0px
}
#horizon
{
color: white;
background-color: transparent;
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#content
{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: transparent;
margin-left: -125px;
position: absolute;
top: -35px;
left: 50%;
width: 250px;
height: 70px;
visibility: visible
}
.bodytext
{
font-size: 14px
}
.headline
{
font-weight: bold;
font-size: 24px
}
#footer
{
font-size: 11px;
font-family: Verdana, Geneva, Arial, sans-serif;
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 20px;
visibility: visible;
display: block
}
a:link, a:visited
{
color: #06f;
text-decoration: none
}
a:hover
{
color: red;
text-decoration: none
}
-->
This text is
DEAD CENTRE
and stays there!
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
