很多网站文章内容页面底部结尾都有一个The End标记,如何添加The End标记呢?其实很简单,只需在需要添加的地方添加一段代码和CSS样式即可实现The End标记,简单写个教程跟大家分享下如何在页面内容底部结尾添加The End标识代码和样式,同时也给有需要的同学提供一丢丢帮助

The End标记代码
<div class="post-end"> <em>The End</em> </div>
The End标记CSS样式
.post-end{
color:#777;
text-align: center;
margin-top: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.post-end em{
font-style: inherit;
padding: 0px 20px;
}
.post-end::after,.post-end::before {
content: "";
background:#eee;
max-width: 35%;
height: 1px;
flex: 1;
}

