<!-- <!DOCTYPE html> -->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本</title>
<style>
p{
text-indent:2em;
}
a{ text-decoration:none; }
p{
text-shadow:2px 3px 5px green;
}
div{
width: 600px;
height: 300px;
border:1px solid red;
text-align:center;
}
.box{
width: 300px;
height: 400px;
border:1px solid red;
overflow:hidden;
text-overflow: ellipsis;
white-space:nowrap;
letter-spacing: 2em;
/*vertical-align: middle;
display: table-cell;*/
}
</style>
</head>
<body>
<!--
文本
text-indent: 首行缩进 em
-decoration: 文本修饰
overline 上划线
underline 下划线
line-through 删除线
none 取消划线
-shadow:
length 阴影偏移量
color 阴影颜色
blur 阴影半径
-align: left center right
-overflow
ellipsis 文本超出部分用省略号代替 需要跟overflow配合
如果是中文的话, 先强制将中文转成一行
white-space:nowrap;
title 鼠标悬停显示内容
letter-spacing 字符间距
vertical-align:
top
middle
bottom
-->
<p>中午去ATM存钱，排队时后面的美女问我：“存钱是吗？” “嗯” “我正好要取钱，反正你要存，不如把钱给我，咋俩就不用排队了” 我一想觉得挺有道理，就把钱给她了。。。然后一脸懵逼的看着美女走了.....</p>
<a href="">这两天日子不顺, 出门忘记看黄历</a>
<div>
最好的朋友：睡在我上铺的兄弟。 最爱的女孩：同桌的你。最难忘的事：睡在我上铺的兄弟带走了同桌的你。
</div>
<div class='box'>aaaaaaaaaaaaabbbbbbbbbbbbbbbbbvvvvvvvvvvvvvvvvcccccccccccccccc</div>
<div class='box' title='乘地铁遇到个牛人。 地铁上，一哥们儿的铃声大作，众乘客一听： “爷爷，那孙子又给您来电话了… 爷爷，那孙子又给您来电话了… 爷爷，那孙子又给您来电话了。” 只见那哥们儿慢慢悠悠的掏出手机接听，说道： “喂!爸，什么事..”' >乘地铁遇到个牛人。 地铁上，一哥们儿的铃声大作，众乘客一听： “爷爷，那孙子又给您来电话了… 爷爷，那孙子又给您来电话了… 爷爷，那孙子又给您来电话了。” 只见那哥们儿慢慢悠悠的掏出手机接听，说道： “喂!爸，什么事..”</div>
</body>
</html>
文本缩进修饰上下划线阴影省略鼠标悬停显示内容字符间距
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 一.题目中问题一拆为二: (1) 文字在超出长度时,如何实现用省略号代替?(2) 超长长度的文字在省略显示后,如何...
