修改样式:site-footer got更改为Flex布局

This commit is contained in:
Argo-MacBookPro 2018-08-10 15:02:03 +08:00
parent 00e0b0b5e8
commit c66856defc
2 changed files with 20 additions and 9 deletions

View File

@ -1,9 +1,7 @@
@model ModelBase @model ModelBase
<footer class="site-footer"> <footer class="site-footer">
<div class="text-center">
<span id="websiteFooter">@Model.Footer</span> <span id="websiteFooter">@Model.Footer</span>
<a id="gotoTop" href="#" class="go-top" title="返回顶部" data-toggle="tooltip" data-placement="left"> <a id="gotoTop" href="#" class="go-top" title="返回顶部" data-toggle="tooltip" data-placement="left">
<i class="fa fa-angle-up"></i> <i class="fa fa-angle-up"></i>
</a> </a>
</div>
</footer> </footer>

View File

@ -196,7 +196,18 @@ a, a:hover, a:focus {
left: 0; left: 0;
bottom: 0; bottom: 0;
right: 0; right: 0;
white-space: nowrap; display: flex;
}
.site-footer > span {
flex: 1 1 auto;
text-align: center;
margin-left: 4px;
}
.fixed {
position: fixed;
z-index: 100;
} }
.go-top { .go-top {
@ -205,8 +216,10 @@ a, a:hover, a:focus {
height: 20px; height: 20px;
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
position: absolute; display: flex;
right: 10px; align-items: center;
justify-content: center;
margin-right: 4px;
} }
.go-top:hover { .go-top:hover {