contenteditable 常用的一些CSS ！！

类似于textarea的div：可以调大小，内容可以放图片，比textarea功能更丰富，判断内容为空只能用text，图片不算做text length

<div contenteditable="true"></div>

注意：contenteditable使用删格键时，会在其内容html中增加一个<br/> 可以用JS解决：

tatext = $(".ta1").html().replace("<br>", "");
$(".ta1").html(tatext);

横向隐藏，竖向滚动条：

overflow-y: auto;
overflow-x: hidden;

文字点击不会被选中：

 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;

阴影四个方向：

box-shadow: 0px 0px 10px #8B3A3A;

内阴影：

-webkit-box-shadow: 0px 3px 3px #c8c8c8 inset;
-moz-box-shadow: 0px 3px 3px #c8c8c8 inset;
box-shadow: 0px 0px 1px #c8c8c8 inset;

强制换行：

word-wrap:break-word;  /*自动换行*/
word-break:break-all;   /*强制英文单词换行*/