css 两行字变成一行,如何通过CSS将两行文本更改为一行?
我想問你的專家一個基于CSS的問題,我認為你可能很容易回答這個問題。我試過 - 但失敗了。
我已經看過這支鋼筆并且非常欣賞這種效果 - 盡管如果文字可以放在一行上會很完美,例如:
標題:Foo
并保持隱藏的滾動不變。
謝謝!
羅布
Title:
Foo
Bar
body {
background:#fff;
font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.badge {
margin:100px auto;
width:80px;
height:40px;
padding:10px 0px;
border-radius:4px;
background-color:#e3e3e3;
box-shadow:0 1px rgba(255,255,255,.75), inset 0 1px 2px rgba(0,0,0,.1);
text-align:center;
color:#949494;
line-height:14px;
text-shadow:0 1px 0 #fff;
div {
overflow:hidden;
padding:2px 0;
height:16px;
}
span {
display:block;
font-size:18px;
color:#8b8b8b;
cursor:default;
}
&:hover {
.first {
top:-20px;
}
.second {
top:-19px;
}
}
}
.title {
margin-bottom:5px;
font-size:12px;
font-weight:100;
}
.first, .second {
position:relative;
top:0;
transition:top .1s ease-in;
-webkit-transition:top .1s ease-in;
-moz-transition:top .1s ease-in;
}
.first {
margin-bottom:5px;
}
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的css 两行字变成一行,如何通过CSS将两行文本更改为一行?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Java 13,最新最全新特性解读
- 下一篇: 设计模式:单一职责原则