刘勇虎的官方网站
网站内容包含iOS开发、web前端、服务器开发、Python开发、Android开发、网站维护等技术文章。专注于分享技术经验,职业心得体会,IT优秀文章与教程创作。
Stay hungry,Stay foolish,Stay young
(1).利用div与line-height使文本居中.
{
height: 44px;
line-height: 44px;
}
(2).标签居中
{
display:flex;
align-items: center;
flex-direction:column;
justify-content:center;
}
p {
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
a:hover::after{
}
::-webkit-input-placeholder {
color: #D5C7FF;
}
::-ms-input-placeholder {
color: #D5C7FF;
}
htm代码
<body>
<img class="crcleLine" src="img/线圈@3x.png"/>
<img class="crcleLine" src="img/线圈@3x.png"/>
</body>
css代码
img.crcleLine {
width: 8px;
height: 75px;
position: absolute;
}
body>img:nth-of-type(1) {
left: 36px;
top: 945px;
}
body>img:nth-of-type(2) {
right: 36px;
top: 945px;
}
或
img.crcleLine {
width: 8px;
height: 75px;
position: absolute;
}
img.crcleLine:nth-of-type(1) {
left: 36px;
top: 945px;
}
img.crcleLine:nth-of-type(2) {
right: 36px;
top: 945px;
}
{
-webkit-font-smoothing: antialiased;
-webkit-transform: rotate(5deg) translateZ(0);
}