日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

css 两行字变成一行,如何通过CSS将两行文本更改为一行?

發布時間:2023/12/10 61 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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将两行文本更改为一行?的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。