css安卓title居中 |css3图片左右翻转动画

//HTML代码
<div class="wrapper">
<h1 class="title">Title居中</h1>
</div>
//CSS代码
.wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.title {
font-size: 36px;
text-align: center;
}

以上代码使用了Flex布局，通过设置父元素的display、justify-content和align-items属性使Title水平和垂直居中，同时也为Title设置了字体大小和文本对齐方式。

另外，还有一种实现Title居中的技巧是使用table布局，具体代码如下：

//HTML代码
<div class="wrapper">
<table>
<tr>
<td><h1 class="title">Title居中</h1></td>
</tr>
</table>
</div>
//CSS代码
.wrapper {
display: table;
width: 100%;
height: 100vh;
text-align: center;
}
table {
display: table-cell;
vertical-align: middle;
}
.title {
font-size: 36px;
}

以上代码使用了Table布局，通过设置父元素的display、width、height和text-align属性以及table子元素的display和vertical-align属性实现Title居中的效果。

以上两种技巧都可以实现Title居中的效果，具体使用哪种技巧根据自己的需求来选择即可。