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将两行文本更改为一行？相关推荐

css首字下沉_一个简单CSS首字下沉
css首字下沉您不会没有注意到我们在新博客设计中使用的首字母缩略词效果,以及大多数浏览器显示的第一行大写字母(除了Safari,我将在稍后说明的原因). 有很多hacky方法可以实现这种效果,但是最 ...
-如何调整html页面的间距,css中字间距怎么设置？
在前端页面制作的时候发现自己的文字之间太紧凑,想要通过css设置下字间距让文字之前的距大一点,这样更符合自己的页面布局设计,也更加美观.下面我们来看一下css设置字间距的方法. css中字间距使用le ...
html两行字的上下间隔,css字体上下间距怎么调？
css指的是层叠样式表(Cascading Style Sheets),它是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种 ...
html中把句子往右边弄一点咋办,CSS上的左，中，右对齐方法，可以在一行上混合...
一种用CSS以左对齐/中心对齐/右对齐方式显示用HTML编写的句子的方法在用"从左到右书写的语言"(如日语和英语)中编写的HTML中,除非指定了字符移位方向,否则句子左对齐显示. ...
浅谈CSS首字放大下沉及段首缩进2字符
1.CSS首字放大下沉对首字进行放大下沉,需用到css的伪元素:first-letter. <!doctype html> <html><head><sty ...
css首字下沉_如何在Word 2013中创建首字下沉
css首字下沉 A drop cap is a decorative element typically used in documents at the start of a section or ...
css html 字竖,CSS实现文字竖排 DIV CSS文字垂直竖列排版显示如何实现？
DIV CSS实现文字竖排排版显示兼容各大浏览器,让文字垂直竖列排版布局. 有时我们需要一段文字进行从上到下竖列排版,我们知道CSS样式中有一样式可以让其竖列排版,但所有浏览器不全兼容,逼不得已放弃. ...
css中字间距调整（转）
css中字间距调整 (2014-01-02 13:51:07) 标签: 汉字英文间距 letter-spacing word-spacing 杂谈分类: 网页制作汉字间字间距设置:letter ...
css 首字下次,css first-letter实现首字(字母)下沉效果
css 首字下沉效果原理首字下沉主要使用到css的first-letter伪元素,然后配合使用font-size和float来设置文字的样式即可实现. first-letter选择器选取指定元素文本 ...

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

css 两行字变成一行,如何通过CSS将两行文本更改为一行？相关推荐

最新文章

热门文章