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>12334444444444444</p>