css 冷门样式大全

1. 文字多了 省略后面  后面加省略号

p{width:300px; border:solid 1px #000; padding:10px; font:22px/22px "微软雅黑"; white-space:normal; overflow:hidden; text-overflow:ellipsis;}

<p>文字超出隐藏 后面变成省略号文字超出隐藏 后面变成省略号文字超出隐藏 后面变成省略号文字超出隐藏 后面变成省略号</p>

2.文本排列

p{width:300px;border:1px solid #000;font:14px/30px "宋体";direction:rtl;unicode-bidi:bidi-override;}

<p>妙味课堂</p>

css 冷门样式大全

原文：http://www.cnblogs.com/zhengyan/p/5419259.html