Html 文本对齐:居中;不起作用
Html text-align: center; doesn't work
我这里有问题,我想将文本 #top_page h1 居中,但它不起作用,我也不知道为什么。谁能提出一些想法?除了 text-align: center; 我什么都试过了和 float: right 或 left 也不起作用。
我在 google 上搜索了帮助,并查看了关于堆栈溢出的相同问题,但其中 none 解决了问题,所以我向你们寻求帮助。
body {
background: url(img/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: inline-block;
font-family: 'Cabin', sans-serif;
}
a {
text-decoration: none;
color: black;
font-family: 'Cabin', sans-serif;
}
li {
float: right;
margin-top: 3px;
margin-right: 50px;
color: white;
font-family: 'Cabin', sans-serif;
font-size: 15px;
}
header {
display: block;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 50px;
background: white;
font-family: 'Cabin', sans-serif;
z-index: 999999;
}
a:hover {
color: crimson;
font-family: 'Cabin', sans-serif;
}
span {
width: 100%;
}
#top_page h1 {
font-size: 80px;
color: white;
margin-top: 250px;
display: block;
text-align: center;
font-family: 'Cabin', sans-serif;
}
#top_page h3 {
font-size: 40px;
margin-top: -40px;
color: white;
text-align: center;
margin-left: 315px;
font-family: 'Droid Sans', sans-serif;
}
您的页眉有 100% 的宽度,但正文没有。只需将 width: 100%
添加到 body
。
将您的正文元素宽度设置为 100%。然后给你的 div #top_page text-align center.
我这里有问题,我想将文本 #top_page h1 居中,但它不起作用,我也不知道为什么。谁能提出一些想法?除了 text-align: center; 我什么都试过了和 float: right 或 left 也不起作用。
我在 google 上搜索了帮助,并查看了关于堆栈溢出的相同问题,但其中 none 解决了问题,所以我向你们寻求帮助。
body {
background: url(img/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: inline-block;
font-family: 'Cabin', sans-serif;
}
a {
text-decoration: none;
color: black;
font-family: 'Cabin', sans-serif;
}
li {
float: right;
margin-top: 3px;
margin-right: 50px;
color: white;
font-family: 'Cabin', sans-serif;
font-size: 15px;
}
header {
display: block;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 50px;
background: white;
font-family: 'Cabin', sans-serif;
z-index: 999999;
}
a:hover {
color: crimson;
font-family: 'Cabin', sans-serif;
}
span {
width: 100%;
}
#top_page h1 {
font-size: 80px;
color: white;
margin-top: 250px;
display: block;
text-align: center;
font-family: 'Cabin', sans-serif;
}
#top_page h3 {
font-size: 40px;
margin-top: -40px;
color: white;
text-align: center;
margin-left: 315px;
font-family: 'Droid Sans', sans-serif;
}
您的页眉有 100% 的宽度,但正文没有。只需将 width: 100%
添加到 body
。
将您的正文元素宽度设置为 100%。然后给你的 div #top_page text-align center.