如何使标题保持在左右之间的中间位置
当您在大屏幕手机上尝试播放时,标题会停留在中间
但是在小屏幕手机中,标题会移到右侧
.tags {
display: inline;
position: relative;
}
.tags:hover:after {
background: #333;
background: rgba(0, 0, 0, .8);
margin: 10px 5px 15px 90px;
border-radius: 12px;
bottom: 20px;
color: #fff;
content: attr(glose);
left: -160%;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 140px;
}
.tags:hover:before {
border: solid;
border-color: #333 transparent;
border-width: 7px 7px 0px 7px;
bottom: 29px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
}
<br><br><br>
<a class="tags" glose="Move down">Move down</a>
最佳答案
只需将text-align: center
添加到您的after
元素
关于javascript - 内容在中间,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55493266/