日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > CSS >内容正文

CSS

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

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

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