水平/垂直对齐下的CSS文本

时间:2016-05-09 20:10:37

标签: css alignment

所以,我有一个页面,其中的文本水平和垂直居中。我想要做的是将普通文本放在那个居中的文本下面。 到目前为止,这是我的代码。

Node* temp = head;

while(temp && temp->next){
    temp = temp->next->next;
}

enter image description here 这是我在视觉上需要的一个例子。任何帮助表示赞赏。

2 个答案:

答案 0 :(得分:1)

这样的东西?



.main{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

h1{
  border:solid;
	border-size: 8px;
	border-radius: 10px;
}

<div class="main">
  <h1>Block4o</h1>    
  Normal text should be here (links etc.)
</div>                     
&#13;
&#13;
&#13;

答案 1 :(得分:1)

希望有所帮助:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<title>Block4o</title>
<style>
    body {
        background-image: url("/background.jpg");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
    }

    h1 {
        text-align: center;
        border: solid;
        border-size: 8px;
        border-radius: 10px;
    }

    div {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
</style>
</head>
<body scroll="no" style="overflow: hidden">

<div>
    <h1>Block4o</h1>
    Normal text should be here (links etc.)
</div>

</body>
</html>